FF centert, IE nicht

Bookworm · 20.04.2006, 14:06

Moin
es geht mal wieder um die Sache, wie FF und IE csS interpretieren. Diese Seite hier sieht im FF genau so aus wie sie soll; im IE wird aber nichts gecentert und auch der Inhalt ist mit dem Header nicht bündig. Und da der IE immer noch 70% Marktanteil hat, bei denen die Seite nach etwas aussehen soll, würd ich gern wissen, wie ich untenstehendes CSS ändern muss, damit der IE es genauso wie der FF anzeigt. Und ja, es müssen feste Breitenangaben in Pixel sein. Sonst würde ich es auch hinbekommen.
Hier das CSS (#wrap -das stammt auch nedd von mir- schließt alle andern DIVs ein

Zitat:

body {

background-color: #E6002E;

color: #000000;

}

#wrap {

width: 850px;

margin-left: auto;

margin-right: auto;

}

#head {

width: 800px;

height: 280px;

color: #E6B800;

text-align: center;

background-image: url(http://www.the-bookworm.de/test/header.jpg);

background-position: center;

background-repeat: no-repeat;

}

#left {

width: 146px;

background-color: #E6B800;

float: left;

padding: 2px;

min-height: 200px;

}

#content{

width: 496px;

background-color: #E6B800;

float: left;

padding: 2px;

min-height: 200px;

}

#right {

width: 146px;

background-color: #E6B800;

float: left;

padding: 2px;

text-align: right;

min-height: 200px;

}

Für Hilfe wäre ich dankbar und ja, es ist meine Seite und ich habe da trotzdem erstaunlich wenig zu sagen

so von Technik (feste Breiten)...

bye
bookworm

Jann Hendrik · 20.04.2006, 14:09

geht es um diese Seite?

http://www.the-bookworm.de/test/

dann könnte das ggf. daran liegen, dass das CSS nicht valid ist.
Wenn es nicht um die Seite geht - dann nenn sie doch bitte mal!

Bookworm · 20.04.2006, 14:20

ne um die seite gehts nicht.... das war mal ne idee, dei inzwischen verworfen wurde... ich benutze nur den header weiter.

es geht um die oben gelinkte seite: http://the-bookworm.de/test/site/index.php

Jann Hendrik · 20.04.2006, 14:39

Zitat:

Zitat von Bookworm

es geht um die oben gelinkte seite: http://the-bookworm.de/test/site/index.php

sry - hattest du oben ja auch geschrieben...

ggf. hilft dir:

http://css4you.de/wslayout1/ex0003.html

CSS Code:

body  
{  
 text-align:center; 
}

oder zumindest eine zentrierende Angabe im body....

Bookworm · 20.04.2006, 17:32

Hi, hm so weit war ich auch schon. Aber irgendwas hat nicht funktioniert, wie ich es wollte....

//edit: Achso, genau. Man sehe sich das hier im IE an. Das ist dann garnichtsmehr bündig, wenn ich im body ein text-align: center; einfüge.

//edit2: ich suche immer noch hilfe!

VolkerK · 23.04.2006, 16:11

Du hast keinen DOCTYPE angegeben. Dann verwenden sowohl Firefox als auch Internet Explorer den quirks mode. Und wenn sich die beiden schon im compliance mode unterscheiden, bei quirks tun sie es noch deutlicher.

Lass das Skript zum Beispiel mit

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>

anfangen und jage es durch http://validator.w3.org/
Und dann solange verbessern, bis es fehlerfrei durchläuft.
Das kann allerding eine Weile dauern.

Lars · 24.04.2006, 15:52

Jeglicher Code vor dem DOCTYPE versetzt den IE ebenfalls in den Quirks-Mode. Ist ein bekannter Bug.

VolkerK · 24.04.2006, 17:09

Stimmt, sorry.
Ich kopiere den Code jedes Mal von http://validator.w3.org/ und jedes Mal vergesse ich den Käse.

Bookworm · 24.04.2006, 19:28

ok, ich baue es einfach mal ein. aber nur ne kleine frage am rande, von der ich weiß, dass sie mich wie n n00b aussehen lässt: was bringt dieses doctype? (kurz für document type?)

//edit: da ich es erst am ende des heads einfügen kann, weil aufgrund meines layoutchangers nichts vor eben dem head kommen darf, ohne das er meckert, ist der effekt = null

WarrenFaith · 24.04.2006, 20:19

egal wo du dein <html>-tag einbaust, dort muss der doctype hin. das sollte in jedem layoutchangerskript machbar sein.

24.04.2006, 20:26

@bookworm
sofern du meinen "layout changer" noch verwendest ist das wirklich kein problem.

VolkerK · 25.04.2006, 15:58

Stell Dir DOCTYPE als "Ja, ich habe die Regeln gelesen und verstanden und werde mich daran halten" vor.
Und zu den Regeln gehört u.a.: erst DOCTYPE dann <html>

siehe auch: http://www.htmlhelp.com/tools/validator/doctype.html

björn · 30.04.2006, 09:28

Hier hast du eine schöne Übersicht, wann der IE / FF bzw andere Browser im Standard / Almost Standard oder Quriks Mode sind: http://hsivonen.iki.fi/doctype/

20.04.2006, 14:09	Nach oben #2
Jann Hendrik Jann Hendrik Bekaan Registriert seit: 02.12.2004 Ort: Wildeshausen Beiträge: 2.365	geht es um diese Seite? http://www.the-bookworm.de/test/ dann könnte das ggf. daran liegen, dass das CSS nicht valid ist. Wenn es nicht um die Seite geht - dann nenn sie doch bitte mal! __________________ Umfragen: bitte beachten: Vorschläge für künftige Umfragen Woher weißt du vom developers-guide? Wenn du dich in ein interessantes Thema eingearbeitet hast, dann lass andere daran teilhaben! Schreibe ein Tutorial und beschreibe, wie es geht, was nicht klappt, wo man aufpassen muss usw. Danke!

20.04.2006, 14:20	Nach oben #3
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	ne um die seite gehts nicht.... das war mal ne idee, dei inzwischen verworfen wurde... ich benutze nur den header weiter. es geht um die oben gelinkte seite: http://the-bookworm.de/test/site/index.php __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

20.04.2006, 17:32	Nach oben #5
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Hi, hm so weit war ich auch schon. Aber irgendwas hat nicht funktioniert, wie ich es wollte.... //edit: Achso, genau. Man sehe sich das hier im IE an. Das ist dann garnichtsmehr bündig, wenn ich im body ein text-align: center; einfüge. //edit2: ich suche immer noch hilfe! __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen! Geändert von Bookworm (21.04.2006 um 19:32 Uhr)

23.04.2006, 16:11	Nach oben #6
VolkerK Benutzer Registriert seit: 17.08.2005 Beiträge: 87	Du hast keinen DOCTYPE angegeben. Dann verwenden sowohl Firefox als auch Internet Explorer den quirks mode. Und wenn sich die beiden schon im compliance mode unterscheiden, bei quirks tun sie es noch deutlicher. Lass das Skript zum Beispiel mit Code: <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> anfangen und jage es durch http://validator.w3.org/ Und dann solange verbessern, bis es fehlerfrei durchläuft. Das kann allerding eine Weile dauern.

24.04.2006, 15:52	Nach oben #7
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Jeglicher Code vor dem DOCTYPE versetzt den IE ebenfalls in den Quirks-Mode. Ist ein bekannter Bug. __________________ Gedanken aus Draht stricken einen Zaun.

24.04.2006, 17:09	Nach oben #8
VolkerK Benutzer Registriert seit: 17.08.2005 Beiträge: 87	Stimmt, sorry. Ich kopiere den Code jedes Mal von http://validator.w3.org/ und jedes Mal vergesse ich den Käse.

24.04.2006, 19:28	Nach oben #9
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	ok, ich baue es einfach mal ein. aber nur ne kleine frage am rande, von der ich weiß, dass sie mich wie n n00b aussehen lässt: was bringt dieses doctype? (kurz für document type?) //edit: da ich es erst am ende des heads einfügen kann, weil aufgrund meines layoutchangers nichts vor eben dem head kommen darf, ohne das er meckert, ist der effekt = null __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen! Geändert von Bookworm (24.04.2006 um 19:35 Uhr)

24.04.2006, 20:19	Nach oben #10
WarrenFaith Martin Breuer Registriert seit: 17.08.2005 Ort: Berlin Beiträge: 1.653	egal wo du dein <html>-tag einbaust, dort muss der doctype hin. das sollte in jedem layoutchangerskript machbar sein. __________________ I did it my way - Senseless-Blog

24.04.2006, 20:26	Nach oben #11
Jay Gast Beiträge: n/a	@bookworm sofern du meinen "layout changer" noch verwendest ist das wirklich kein problem.

25.04.2006, 15:58	Nach oben #12
VolkerK Benutzer Registriert seit: 17.08.2005 Beiträge: 87	Stell Dir DOCTYPE als "Ja, ich habe die Regeln gelesen und verstanden und werde mich daran halten" vor. Und zu den Regeln gehört u.a.: erst DOCTYPE dann <html> siehe auch: http://www.htmlhelp.com/tools/validator/doctype.html

30.04.2006, 09:28	Nach oben #13
björn Benutzer Registriert seit: 31.12.2005 Beiträge: 90	Hier hast du eine schöne Übersicht, wann der IE / FF bzw andere Browser im Standard / Almost Standard oder Quriks Mode sind: http://hsivonen.iki.fi/doctype/

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche