Mam taki oto problem. Może któś mi pomoże:
Tworzony przeze mnie layout nie za bardzo chce działać w Firefox (2.0.0.6). W operze i IE7 działa bez problemu.
Fragment CSS:
Kod
body {
text-align: center;
margin: 0;
padding: 0;
background: #F5F5DC;
}
div#site {
width: 773px;
margin: 0 auto;
padding: 0;
}
div#main {
width: 773px;
background: url('center.png') repeat-y;
}
div#head {
width: 773px;
height: 177px;
background: url('head.png') no-repeat;
}
div#tresc {
width: 500px;
margin: 0px 55px;
float: right;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: justify;
}
div#tresc * {
margin: 10px 40px;
}
div#kontakt {
width: 500px;
float: right;
margin: 50px 55px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: justify;
}
div#menu {
width: 120px;
float: left;
}
div#foot {
width: 773px;
height: 167px;
clear: both;
background: url('foot.png') no-repeat;
}
text-align: center;
margin: 0;
padding: 0;
background: #F5F5DC;
}
div#site {
width: 773px;
margin: 0 auto;
padding: 0;
}
div#main {
width: 773px;
background: url('center.png') repeat-y;
}
div#head {
width: 773px;
height: 177px;
background: url('head.png') no-repeat;
}
div#tresc {
width: 500px;
margin: 0px 55px;
float: right;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: justify;
}
div#tresc * {
margin: 10px 40px;
}
div#kontakt {
width: 500px;
float: right;
margin: 50px 55px;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: justify;
}
div#menu {
width: 120px;
float: left;
}
div#foot {
width: 773px;
height: 167px;
clear: both;
background: url('foot.png') no-repeat;
}
I html
Kod
<body>
<div id="site">
<div id="head"></div>
<div id="main">
<div id="tresc">
...
</div>
<div id="menu">
<ul>
<li><a href="site.php?file=firma">O firmie</a></li>
<li><a href="site.php?file=uslugi">Usługi</a></li>
</ul>
</div>
</div>
<div id="foot"><div id="kontakt"></div></div>
</div>
</body>
<div id="site">
<div id="head"></div>
<div id="main">
<div id="tresc">
...
</div>
<div id="menu">
<ul>
<li><a href="site.php?file=firma">O firmie</a></li>
<li><a href="site.php?file=uslugi">Usługi</a></li>
</ul>
</div>
</div>
<div id="foot"><div id="kontakt"></div></div>
</div>
</body>
Problem w tym że Firefox nie wyswietla tła w DIVie #main. Zaczyna to robić dopiero kiedy usunę float z menu i treści... ale wtedy wszystko się rozsypuje. Czy ktoś ma jakieś pomysły?
Z góry dzięki za odpowiedzi.
Pozdrawiam