Két DIV közül a jobb oldali miért ugrik feltétlen a bal alá, mikor az ablakot kicsinyítem?

Ha fluid oldalt, változó, százalékban megadott méretű div-ekkel akarsz készíteni, akkor célszerű azt két dobozzal megoldani elemenként.

A külső konténer méretét százalékban add meg, de 0 padding és margin mellett. A belső doboznak ne adj méretet, viszont add meg a margin, és padding méretét. A dobozokon a position értéket mindenképpen állítsd be (többnyire relative)! Játszhatsz mér az overflow értékkel, hogy a tartalomhoz igazítsd a magasságot.

valahogy így:

html:

<div id="menu"><div id="menu_belso">TARTALOM...</div></div>

<div id="tartalom"><div id="tartalom_belso">TARTALOM...</div></div>

css:

#menu{

position: relative;

margin:0;

padding: 0;

float:left;

width:20%;

}

#menu_belso{

position: relative;

margin-top:10px;

margin-right:6px;

margin-bottom:10px;

height:600px;

}

#tartalom {

position: relative;

margin:0;

padding: 0;

float:left;

width:80%;

}

#tartalom_belso {

position: relative;

margin-top:10px;

margin-bottom:10px;

height:560px;

padding:20px;

}