Zdravím, mám problem s usporiadaním jednotlivých častí stránky. Mám nasledujúci HTML a CSS kód:
Kód:
<body>
<div id="container">
<div id="lava_cast">
<div id="lava_obsah">
</div>
</div>
<div id="prava_cast">
<div id="prava_obsah">
text text text text text text text text text text text
</div>
</div>
<div id="footer">
text text text text
</div>
</div>
</body>
Kód:
#container {
width: 960px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
border: 1px red solid;
}
#lava_cast {
width: 460px;
height: 600px;
float: left;
margin-left: 10px;
background-color: red;
}
#lava_obsah {
width: 460px;
}
#prava_cast {
width: 460px;
margin-left: 490px;
background-color: green;
}
#prava_obsah {
width: 460px;
}
#footer {
width: 960px;
height: 40px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
background-color: pink;
}
Problém je predpokladám banálny len ja som sa nejak zamotal a neviem sa pohnúť. Ide o to, že potrebujem aby bol footer vždy od najbližšieho divu odsadený o 45px. Uvedené divy LAVA_CAST a PRAVA_CAST musia byt vedla seba. LAVA_CAST ma fixne nastavenu vysku, PRAVA_CAST sa bude flexibilne prisposobovat obsahu. Problem je v tom že footer sa odsadí o 45px len od divu PRAVA_CAST a to aj za predpokladu ze ma mensiu vysku ako div vedla. Ten potom cez footer preteká. Opera to zobrazuje korektne, v mozzile a chrome sa to žuje. Co s tym? Dakujem