Warum wird meine Website falsch dargestellt?

haggle.123 · 14.03.2008, 12:22

Hallo!
Im Firefox wird meine Website korrekt, im IE jedoch falsch dargestellt. Die Navigation und die Großen Buttons werden im IE unterhalb des Contents angeordenet. Ich hab keine ahung woran das liegen könnte. Kann mir wer helfen?
Die Css-Dateil liegt im selben verzeichnies wie die home.html

hero-master · 14.03.2008, 12:28

Moin

Zitat:

Zitat von haggle.123

Kann mir wer helfen?
Die Css-Dateil liegt im selben verzeichnies wie die home.html

Gib mal deinen Ordner frei, dann kann ich mir die CSS Datei mal ansehen

Zitat:

Zitat von haggle.123

Ich hab keine ahung woran das liegen könnte. Kann mir wer helfen?

Das könnte mit der globalen Erderwärmung zusammenhängen. Zeig doch mal deine Seite, stell sie online oder poste den kompletten Code mal hier rein, samt CSS

haggle.123 · 14.03.2008, 13:01

Ooohh jetzt hab ich doch glatt den Link vergessen, sorry

Hier ist er:
Klick

CSS

hero-master · 14.03.2008, 13:52

Zitat:

Zitat von haggle.123

Ooohh jetzt hab ich doch glatt den Link vergessen, sorry

tz tz tz

Zuallererst: Es fehlt ein Doctype, daraufhin rendert der IE in den Quirksmode. = Fehler in der Darstellung.
Das könnte nicht der einzige Grund sein, aber schon mal ein gravierender. Bau mal ein Doctype rein, dann sehen wir nochmal wie es dann aussieht

haggle.123 · 14.03.2008, 14:01

HAb jetzt eines eingebaut (Wahrscheinlich ein falsches, weil ich mich kaum auskenne mit Doctype), hat sich aber nichts geändert.
hab
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

hero-master · 14.03.2008, 14:25

Zitat:

Zitat von haggle.123

HAb jetzt eines eingebaut (Wahrscheinlich ein falsches, weil ich mich kaum auskenne mit Doctype), hat sich aber nichts geändert.

Nicht immer so pessimistisch. Der passt schon

Jedoch solltest du ihn an die richtige Stelle packen. Nach ganz ganz ganz oben

Dann hab ich grad noch gesehen, dass da ne eckige Klammer fehlt:

Code:

<!-- Header anfang --> 

<div id="header"

Boris · 14.03.2008, 14:26

Der DOCTYPE gehört in die allererste Zeile, noch vor <html> ... und nicht irgendwo mitten drin.

haggle.123 · 14.03.2008, 14:32

Veränderung....positive Veränderung...
zumindest fast:
Klick

jetzt ist alles abgeschnitten...

Boris · 14.03.2008, 14:44

<title> gehört zwischen <head>...</head> ... ansonsten muss richtet sich height: 100% immer nach dem Elternelement, sprich du musst body ebenfalls eine Größe vorgeben.

haggle.123 · 14.03.2008, 15:05

So. Ich hab nun um "Main" noch ein div gezogen, mit dem namen "gesammt". Dem hab ich dann height:100% zugewiesen. "gesammt" hat keine elternelemente außer body und html, und trotzdem vergrößert sich das fenster nicht. Versteh ich nicht. Mit absoluten zahlen, z.B 1000px funktionierts...

hero-master · 14.03.2008, 15:34

Zitat:

Zitat von haggle.123

"gesammt" hat keine elternelemente außer body und html, und trotzdem vergrößert sich das fenster nicht. Versteh ich nicht.

Eben: "außer"! body und html sind genauso gute Eltern wie jede andere auch

Boris hat es bereits richtig gesagt, gib dem body noch eine Höhe bzw. eine Mindestöhe von 100% mit...

haggle.123 · 14.03.2008, 15:42

Funkt nicht...
Es ändert sich nichts...

hero-master · 14.03.2008, 15:58

Zitat:

Zitat von haggle.123

Funkt nicht...
Es ändert sich nichts...

Code:

html,body {height; min-height:100%}

Btw: du musst auch den Newsticker oben in den Div #gesammt (gesamt eigentlich) packen, sonst gibt es Probleme

haggle.123 · 14.03.2008, 16:21

mit
body, html {height:100%;}
hats funktioniert. Danke. Endlich kann ich weiterarbeiten.