nicht angemeldet
Zur Demonstration meines Problems etwas Quelltext:
<html>
<head>
</head>
<body>
<!-- Kopf -->
<div>hallo welt</div>
<!-- Navi -->
<div style="margin-left: 12px; float:left; max-width:210px;">
Navigation<br>
Punkt 1<br>
Punkt 2<br>
Punkt 3<br>
Punkt 4<br>
Punkt 5<br>
Punkt 6<br>
Punkt 7<br>
Punkt 8<br>
Punkt 9<br>
Punkt 10<br>
Punkt 11<br>
Punkt 12<br>
usw.
</div>
<!-- Inhalt -->
<div style="margin-left:210px; margin-right:20px;">
Und das ist jetz der tolle Inhalt:<br>
<img src="irgendwas" width="400" height="50">
</div>
<!-- Footer -->
<div style="clear:both">das war's...</div>
</body>
</html>
hi,
mein Problem in aller Kürze: Layout ist im Prinzip ganz einfach aufgebaut: Oben ein Kopf (div) , darunter Navigation (div) und rechts neben der Navigation der Inhalt (ebenfalls div). Und unter dem Ganzen ein Footer. Navigation float:left, Footer clear:both. DIVs sind relativ angeordnet.
Damit der Inhalt auch immer schön in einer Linie steht, auch wenn er mal weiter nach untengeht als die Navigation, wird er mit margin-left:210px vom linken Rand weggehalten.
Schaut also so ungefähr aus:----Kopf-----
Navi Inhalt
----Footer----
Funktioniert grundsätzlich auch ganz prima, nur bei geringerer Bildschirmauflösung, oder wenn man das Browserfenster eben enstsprechend verkleinert (zB unter 700px breit, wenn im Inhalts-div eine 400 px breite Grafik ist und Navi 210px breit ist), rutscht der ganze Inhalt-div ein Stück hinunter, und zwar bis unter das Ende der Navigation. Horizontal steht er eh immer noch an der richtigen Stelle (wegen margin-left), nur eben nicht mehr direkt unter dem Kopf-div.
Schaut dann so in etwa aus:
----Kopf-----
Navi
Inhalt
----Footer----
Eigenartigerweise tritt dieses Problem aber nur beim IE auf, NS lässt Navi und Inhalt ordentlich nebeneinander stehen, auch wenn's eng wird.
Bin ich der erste, dem das passiert, oder hat jemand von Euch auch schon so ein ähnliches Problem gehabt oder sonst eine Idee, woran es liegen könnte?
Danke für Eure Hilfe schon mal im Vorhinein!
Struppi