Menu Link und Rechts und die Mitte hängt unten an (IE 6)
H. Rüdinig
- css
0 bleicher0
Der Martin
Hallo,
hab da ein Problem bei dem ich nicht so recht weiter weiß.
Unter http://am-kalten-polar.de/test/test.htm ist ein Layout, Menü Links und Rechts und in den Mitte Info - alles schön ein Div gepackt. Solange ich aktuelle Browser, FF, Opera, Chrome, IE8 .. verwende deckt sich meine Vorstellung mit dem was die Browser aus dem HTML und CSS machen auch zu 100% bei dem IE6/IE7 wird allerdings der mittlere Textbereich und die rechte Navigations Box geschoben und ich hab nicht den leiseste Ahnung warum?
Wär schön wenn mir hier jemand helfen könnte.
mfg H.R.
....die Testseite ist ohne Grafiken
Grüße,
kannst ignorieren - der gute alte box-bug :) IE macht das mittlere breiter als die anderen browser - ignorieren oder schmäler mache (ggf über conitional comment extra css)
MFG
bleicher
Hi,
Unter http://am-kalten-polar.de/test/test.htm ist ein Layout, Menü Links und Rechts und in den Mitte Info - alles schön ein Div gepackt. Solange ich aktuelle Browser, FF, Opera, Chrome, IE8 .. verwende deckt sich meine Vorstellung mit dem was die Browser aus dem HTML und CSS machen auch zu 100% bei dem IE6/IE7 wird allerdings der mittlere Textbereich und die rechte Navigations Box geschoben und ich hab nicht den leiseste Ahnung warum?
den richtigen Hinweis hat bleicher schon gegeben. Allerdings könnte auch der IE ab Version 6 die Seite mit dem richtigen Box Model rendern, wenn man ihn nur ließe. Aber dadurch, dass dein Dokument keinen vollständigen DOCTYPE hat, schickst du IE6/7 in den Quirks Mode, in dem sie sich weitgehend wie ein IE5 verhalten, vor allem auch mit dessen Fehlern (und noch ein paar eigenen).
Ciao,
Martin
Hallo Martin,
habe mich mal der Sache angenommen und mal das eingefügt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
und hoffe, obwohl ich nicht weiß warum, das das dem Doctype Problem freundlich entgegenkommt. Werde mich versuchen mich in diese Doctype Systematik einzulesen. Wobei ich allerdings auch glaube das was mit der Platzierung der mittleren Box nicht stimmt.
Danke
mfg H.R.
Hallo,
habe mich mal der Sache angenommen und mal das eingefügt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
das ist gut - bedenke dann aber, dass dein Dokument auch den Regeln des angegebenen DOCTYPE (hier XHTML Strict) entsprechen muss. In deinem Quellcode sehe ich aber auf Anhieb eine Stelle, wo die XHTML-Syntax verletzt wird: Das link-Element ist nicht geschlossen.
Das wird zwar die Browser nicht stören, solange das Dokument "wie üblich" als text/html ausgeliefert wird. Aber es ist sicher eine gute Idee, sich dann auch an die Regeln zu halten.
und hoffe, obwohl ich nicht weiß warum, das das dem Doctype Problem freundlich entgegenkommt.
Zum DOCTYPE-Switch und dem Quirksmode des IE, den man damit provozieren bzw. vermeiden kann, gibt es massig Informationen im Internet. Nur ganz kurz: Mit dem IE6 hat Microsoft einige gravierende Fehler korrigiert, unter anderem das bislang fehlerhafte Box Model. Damit aber nicht Millionen von Websites, die bisher schon "auf IE optimiert" waren, plötzlich falsch dargestellt werden, hat man auch dem IE6 einen Kompatibilitätsmodus verpasst. Und der wird dann verwendet, wenn die erste nicht leere Zeile des Quellcodes keine vollständige DOCTYPE-Angabe enthält.
Werde mich versuchen mich in diese Doctype Systematik einzulesen. Wobei ich allerdings auch glaube das was mit der Platzierung der mittleren Box nicht stimmt.
Inwiefern? Sie liegt doch ordentlich zwischen den beiden gefloateten seitlichen Menüs. Auch die Technik, den Breite des links gefloateten Elements mit einem padding zu "überbrücken", ist doch okay.
Ich frage mich allerdings a) wozu das div#page eigentlich gut ist, und b) wofür es sogar position:relative bekommt.
So long,
Martin