mam taki maly problemik, w layoucie mam DIV'a ktory trzyma w sobie kolejne 2 divy, jeden do menu a drugi do "wlasciwej" tresci, problem w tym ze ten caly DIV (#hole) jest dokladnie wylczony w szerokosci, 841px, div #menu ma 195 px, potem jest margines (10px) zeby oddzielic te 2 od siebie, natomiast div #site (wlasciwa tresc) ma 636px, wszystko dziala w IE natomiast w Firefoksie strona sie rozlazi :/ czemu? IE leje na padding w #site i wszystko dziala, natomiast Firefox padding wlicza do szerokosci diva i wtedy jeden div laduje pod drugim bo sie tam nie mieszcza... znacie jakis sposob na to? moze jakis hack? probowalem juz jakos ale nie wylazilo :S Zalaczam kod, aha: sory za tak dlugie objasnienie
Kod: Zaznacz cały
<html>
<head>
<style type="text/css"><!--
body {
margin:10 0 0 0;
text-align:center;
padding:0;
}
#up {
margin: 0 auto;
}
#at {
background-color:#FF7022;
width:810px;
margin:0 auto 10;
}
#hole {
margin:0 auto;
width:841px;
text-align:left;
}
#menu {
width:195px;
float:left;
background-color:green;
}
#site {
width:636px;
background-color:yellow;
float:left;
margin-left:10px;
padding:10px;
}
--></style>
</head>
<body>
<div id="up"><img src="images/top.gif"></div>
<div id="at">gffg</div>
<div id="hole">
<div id="menu">sdfgdgf</div>
<div id="site">dfggfgg</div>
</div>
</body>
</html>
wertuje ten temat od dawna i nadal nie wiem ... chce sie czegos nauczyc 
dziala!