Lid |
|
Ik heb een pagina gemaakt met daarin een navigatiemenu gemaakt met CSS.
Nu heb ik getest in Crome, Firefox en IE8.
Chrome en Firefox geven geen afwijkingen, maar IE8 geeft op mijn ene PC het juiste beeld en op de andere (waar dezelfde versie op staat, ook 8) krijg ik de buttons onder elkaar.
De code die ik voor dat menu gebruik is de volgende:
#item2 {
width: 680px;
height: 160px;
text-align: center;
color: #fff;
font-size: 1.1em;
float: right;
}
#item2 ul {
list-style: none;
text-align: right;
}
#item2 li {
background-color: #ff6600;
display: inline-block;
width: 160px;
height: 160px;
text-align:center;
margin-left: 60px;
}
#item2 a:link, #item2 a:visited, #item2 a:hover, #item2 a:active {
padding-top: 120px;
text-decoration: none;
font-size: 1.5em;
color: #fff;
display: block;
width: 160px;
height: 160px;
}
#item2 { width: 680px; height: 160px; text-align: center; color: #fff; font-size: 1.1em; float: right; } #item2 ul { list-style: none; text-align: right; } #item2 li { background-color: #ff6600; display: inline-block; width: 160px; height: 160px; text-align:center; margin-left: 60px; } #item2 a:link, #item2 a:visited, #item2 a:hover, #item2 a:active { padding-top: 120px; text-decoration: none; font-size: 1.5em; color: #fff; display: block; width: 160px; height: 160px; }
Kan iemand mij vertellen wat er fout is of wat ik moet doen om het menu ook in IE horizontaal weer te geven, zoals dus wel op de andere PC gebeurd met IE8.
De PC waar hij niet goed staat draait onder Windows 7 en die waar het wel goed staat onder WindowsXP
|