[Opgelost] Verschil opmaak FF en IE

[wpbremer]

Beste medeforumleden,

ik heb bijna mijn nieuwste website af, ik loop alleen nog tegen een schoonheidsfoutje op.

Op www. staat op de homepage het blok actueel, hierin worden alle actuele berichten automatisch in geplaatst. Na het nieuwsbericht staat in welke categorie het nieuwsbericht behoord. In firefox wordt dit netjes zoals ik wil zonder onderstreping weergegeven.

Alleen in IE worden de categorieën onderstreept. Hoe kan ik dit in IE ook goed krijgen?

Alvast bedankt
Wiebren

[Jos]

Het zou goed zijn om eerst de fouten op te lossen die uit de W3C validator tevoorschijn komen.
Zie http://validator.w3.org/check?uri=http% ... ne&group=0

Zoals ik het zie zijn die allemaal aan het nieuwsblokje gerelateerd.

Voornaamste fout is dat je id's meerdere keren gebruikt. Een id mag maar één keer voor komen. In plaats van id kun je class gebruiken.

Verder meen ik dat het niet toegestaan is om block elementen binnen inline elementen te zetten. is een inline element. is een block element. Je kunt dit oplossen door ipv te gebruiken. In je stylesheet kun je een display: block;  toevoegen voor de betreffende elementen waar je een afmeting hebt ingesteld. Dan zou alles weer moeten tonen zoals je het had.

Code: Select all

div#nieuws_midden_link_opmaak:hover{

zal overigens niet werken in IE6 (al maak ik mezelf niet druk meer om die antieke browser)

Code: Select all

div#nieuws_midden_rechts a:link{
        text-decoration: none;
}

voegt niets toe. De betreffende div zit binnen de tags dus het zou precies andersom moeten. Ervan uitgaande dat je de ids naar classes hebt omgezet, kun je dit vervangen door:

Code: Select all

a .nieuws_midden_div, a .nieuws_midden_rechts {
        text-decoration: none;
}

[wpbremer]

Hoi Jos,

heel erg bedankt voor je snelle en zeer uitgebreide uitleg. Ik meende dat ik alle nieuwsid's reeds had veranderd naar classes, maar dat was dus niet zo stom stom stom.

Ik heb alles nu goed gezet en het werkt nu ook in IE.

Nogmaals bedankt