Toon posts:

AP Elementen in IE6

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Naar ik hoop een kleine en gemakkelijke vraag. Voor mijn broer heb ik een heel kleine site in elkaar gezet. Te zien op www.meerakkertechniek.nl . Het menu is een AP-element, gemaakt met dreamweaver en daarna een klein beetje css op toegepast. Het probleem is echter dat in IE6.0 (zoals ook te zien in de bijlage) het hele element slecht wordt weergegeven.

De, naar ik aanneem, van toepassing zijnde codes zijn uit:
A: De Screenstyle.css
ul.navbar li {
display : inline;
}
a.nav:link, a.nav:visited {
margin : 0;
padding : 1.2em 0;
display : block;
float : left;
width : 19%;
text-decoration : none;
background-color : #000099;
color : rgb(255, 255, 255);
}
a.nav:hover {
margin : 0;
padding : 1.2em 0;
display : block;
width : 19%;
text-decoration : none;
background-color : #0099ff;
color : #104dbd;
}
a.nav:active {
margin : 0;
padding : 1.2em 0;
display : block;
width : 19%;
text-decoration : none;
background-color : #ffffff;
color : #0000cc;
}

En B: De pagina zelf:
.style2 {color: #000099}

#homepage {
position:absolute;
left:22%;
top:94px;
width:56%;
height:10px;
z-index:1;
}
-->
</style>
</head><body>


<div id="homepage">
<div>
<ul class="navbar">
<li><a href="http://www.meerakkertechniek.nl/index.html" class="nav"><strong>Home</strong></a></li>
<li><a href="http://www.meerakkertechniek.nl/Inzetbaarheid.html" class="nav"><strong>Inzetbaarheid</strong></a></li>
<li><a href="http://www.meerakkertechniek.nl/ervaring.html" class="nav"><strong>Ervaring</strong></a></li>
<li><a href="http://www.meerakkertechniek.nl/Contact.html" class="nav"><strong>Contact</strong></a></li>
<li><a href="http://www.meerakkertechniek.nl/voorwaarden.html" class="nav"><strong>Voorwaarden</strong></a></li>
</ul>

<br>
<br>


</div></div>
Kan iemand mij vertellen waarom deze site in Internet Explorer 6 niet goed wordt weergegeven? In IE7 en Firefox functioneert de site wel naar behoren.

Alvast bedankt voor eventueel aangeboden hulp!

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Oeps:Afbeeldingslocatie: http://www.foto-uploaden.nl/upload/585e2b02283aa52b269718ca8c0bf4f6.jpg

[ Voor 47% gewijzigd door Verwijderd op 16-02-2009 19:55 ]


Acties:
  • 0 Henk 'm!

Verwijderd

@Ruudvdm: IE 6, houd ervan expliciete CSS 'margin' en 'padding' declaraties te ontvangen. Zeker als je html in 'Quirks-Mode' gerenderd word. "Short-hand" notaties geven al snel problemen.

Probeer eens je pseudo-class volledig uit te schrijven vb.:
Cascading Stylesheet: Screenstyle.css
4
5
6
7
8
9
10
11
12
13
a.nav:link, a.nav:visited {
margin-top: xx;
margin-right: xx;
margin-bottom: xx;
margin-left: xx;
padding-top: xx;
padding-right: xx;
padding-bottom: xx;
padding-left: xx;
}


Succes!

Acties:
  • 0 Henk 'm!

Verwijderd

Verwijderd schreef op woensdag 18 februari 2009 @ 16:58:
@Ruudvdm: IE 6, houd ervan expliciete CSS 'margin' en 'padding' declaraties te ontvangen. Zeker als je html in 'Quirks-Mode' gerenderd word. "Short-hand" notaties geven al snel problemen.
Sorry, maar dit is echt onzin.