Nabend Leute,
ich bau mir gerade nen kleines Testlayout auf und habe dabei ein Problem
und zwar verspringen meine Div`s sobald das Browserfenster kleiner wird
und ich weiß nicht wie ich das fixen kann.
So (bei Maximierten Browser) sieht alles so aus wie es soll:
[Blockierte Grafik: http://i1.tinypic.com/87dsg2g.jpg]
Wenn das Browser Fenster nun kleiner wird fangen die Divs an zu verspringen
[Blockierte Grafik: http://i17.tinypic.com/87dpjk4.jpg]
Und hier mein HTMl / CSS Code
HTML
<body><div id="head">Kopfbereich ROT</div>
<div id="navi">Navigation GELB</div>
<div id="quote">Zitatleiste GRÜN</div>
<div id="misc">Sonstige Infos GRAU</div>
<div id="content">Contentbereich BRAUN</div></body>
CSS
#head{
width: 1000px;
max-width: 1000px;
height: 100px;
background-color: red;
}#navi{
min-width: 150px;
max-width: 150px;
height: 600px;
float: left;
background-color: yellow;
}#quote{
min-width: 700px;
max-width: 700px;
height: 30px;
float: left;
background-color: green;
}#content{
min-width: 700px;
max-width: 700px;
margin-left:150px;
height: 590px;
background-color: brown;
}#misc{
min-width: 150px;
max-width: 150px;
height: 600px;
float: left;
background-color: grey;
}
Ich dachte eigentlich man kann mit dem min-width das verspringen verhindern 
Der Head z.B. verspringt nie.
Ich wäre echt dankbar wenn mir da jemand sagen kann woran das liegt.
Achja und eine Verständnis Frage habe ich noch und zwar muss ich bei meinem
#Content ein margin-left von 150px geben, damit er vollständig hinter der Navigation hervorschaut ich dachte mit einem float:left würde ich erreichen, das er das Element Ignoriert und sich als nächstes angliedert, aber er rutscht dann ganz nach unten. Funktioniert also nur die Methode mit dem Padding-Left oder kann ich die gleiche Darstellung (das der Content zwischen Navi und Misc ist) auch anders erreichen ?
Sorry für die Noob fragen aber das leuchtet mir gerade nicht ein.
Gruß viva
