[HTML, CSS]podivne chovani divu ve Firefoxu
Predem upozornuji, ze jsem zacatecnik.V IExploreru a Opere se stranka zobrazuje celkem podle mojich predstav.Nedokazu pochopit proc ve Firefoxu se DIV s id obsah radi pod menu a neni vedle neho.Stranky jsou teprve v rane fazi tak prosim omluvte jistou nedodelanost a neusporadanost CSS.
Kód:
<div id="hlavni">
<div id="hlavni2">
<div id="nadpis">
[img]menu_img/nadpis.gif[/img]
</div>
<div id="body">
<div id="menu">
<div class="menubutton">
neco
</div>
<div class="menubutton">
neco
</div>
<div class="menubutton">
neco
</div>
<div class="menubutton">
neco
</div>
<div class="menubutton">
neco
</div>
<div class="menubutton">
neco
</div>
</div>
<div id="obsah">
<table width="590" align="center" border="0">
<tr>
<td id="ramecekNadpis">
</td>
</tr>
<tr>
<td id="ramecekObsah">
.....................
</tr>
</table>
<table width="590" align="center" border="0">
<tr>
<td id="ramecekNadpis">
</td>
</tr>
<tr>
<td id="ramecekObsah">
.....................
</td>
</tr>
</table>
<table width="590" align="center" border="0">
<tr>
<td id="ramecekNadpis">
</td>
</tr>
<tr>
<td id="ramecekObsah">
.....................
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
Kód:
body {
font-family: verdana, sans-serif, helvetica, arial;
font-size: 11px;
background-color: #70ad08;
}
/* layout */
#hlavni {
position: absolute;
top: 0px;
width: 100%;
text-align: center
}
#hlavni2 {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #FFFFFF;
height: auto;
}
#nadpis {
width: 790px;
height: 120px;
text-align: center;
margin-left: 5px;
margin-right: 5px
}
#body {
width: 790px;
background-color: #FFFFFF;
margin-left: 5px;
margin-right: 5px
}
#menu {
width: 160px;
margin-top: 20px;
height: auto;
float: left;
border: 2px solid Black;
}
#obsah {
width: 600px;
height: 100%;
background-color: #FFFFFF;
border: 2px solid Green;
}
#ramecekNadpis {
width: 590px;
height: 20px;
background-color: #b1df1c;
font-size: 15px;
font-weight: bold
}
#ramecekObsah {
width: 590px;
background-color: #e8f6bd;
padding-right: 4px;
padding-left: 4px;
}
/* classes */
.menubutton {
width: 160px;
height: 20px;
text-align: center;
font-size: 15px;
font-weight: bold;
float: left;
background-color: #d6d6d6;
margin-top: 2px;
}
