SeRPeNT
Slavan
- Učlanjen(a)
- 17.10.2005
- Poruke
- 554
- Poena
- 320
Elem radio sam neku stranu koja mi je ok u FF i IE i OPERI, ali u chromu puca css (tj html). Problem mi je konkretno vertikalni meni. evo koda pa ako neko primeti gde moze da bude zaeb:
css:
html:
css:
Kod:
.contentTable {
display: table;
width: 100%;
height: 100%;
_height: 100%;
}
.leftColumn {
width: 170px;
vertical-align: top;
background: #FFFFFF;
}
.rightColumn {
width: 600px;
padding: 20px;
padding-bottom: 50px;
vertical-align: top;
background: #FFFFFF;
}
#leftNavigation {
width: 168px;
font-size: 100%;
}
#leftNavigation ul{
list-style: none;
margin: 0;
padding: 0;
}
#leftNavigation li{
margin: 0;
padding: 0;
}
#leftNavigation li a,
#leftNavigation li a:visited {
background-color: #ffffff;
border-bottom: 1px #DAD8D2 solid;
width: auto;
display:block;
font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
text-align: left;
font-weight: bold;
font-size: 11px;
color: #8B8671;
text-decoration: none;
padding: 5px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
height: 100%; /* stupid IE fix */
}
#leftNavigation li a:hover {
width: auto;
color: #FFFFFF;
background-color: #B9B6AA;
}
#leftNavigation ul li ul li {
padding-left: 15px;
}
html:
HTML:
<table class="contentTable" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="leftColumn">
<div id="leftNavigation">
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3<img src="images/more.gif" width="11" height="11" alt="alt" style="border: none; vertical-align: middle;" /></a></li>
<ul class="subcat">
<li><a href="#">sublink1</a></li>
<li><a href="#">sublink2</a></li>
</ul>
<li><a href="#">Link4<img src="images/more.gif" width="11" height="11" alt="alt" style="border: none; vertical-align: middle;" /></a></li>
<li><a href="#">Link5</a></li>
<li><a href="#">Link6</a></li>
<li><a href="#">Link7</a></li>
</ul>
</div>
</td>
<td class="rightColumn">
</td>
</tr>
</tbody></table>
Poslednja izmena: