Wazzup w/ Safari ?

Hi allemaal,

Ik ben afgelopen weekend bezig geweest met een aangepaste skin voor een MediaWiki-installatie van een goede vriend, maar er blijkt in Safari een probleem te ontstaan met elementen die op elkaar liggen en/of over elkaar heen ‘floaten’.

http://macspot.***

In Firefox is er geen probleem, maar in Safari (iig Safari 3) is er een stoornis.

Heeft iemand een idee waarom dit gebeurd ?

Grtz,
TEM C

PS: Kennis van (X)HTML, CSS aanwezig. En een beetje PHP en JS.

Er staan een aantal fouten in je code, zie ook: http://validator.w3.org/check?uri=http%3A%2F%2Fmacspot.oerknor.nl%2Fwiki%2FMain_Page

Is dat ook een garantie dat DAT het probleem is, met Safari? Mij lijkt die validator erover heen gooien niet altijd juist.

[quote:adcff11f04="bartje"]Is dat ook een garantie dat DAT het probleem is, met Safari? Mij lijkt die validator erover heen gooien niet altijd juist.[/quote:adcff11f04] Ik weet het niet of daarmee het probleem is opgelost. Maar het kan geen kwaad lijkt me om er in ieder geval voor te zorgen dat de code correct is.

Gewoon een foutje in je CSS, namelijk:

[code:1:aca2b8e6f2]
#column-content {
margin-left: 200px;
}[/code:1:aca2b8e6f2]

En daarna verderop:

[code:1:aca2b8e6f2]
#column-content {
margin: 0 !important;
}[/code:1:aca2b8e6f2]

@iNsane: Thx ! - 'k zal er direct even naar kijken.

Oké, 'k heb het opgelost.

Even voor het archief, en voor andere zoekers die hier tegenaan komen, de uitleg.

Hoewel iNsane me wel op het idee heeft gezet te checken naar “margin: 0 !important”, en die vond ik ook, bleek dat niet het probleem te zijn. Die zat namelijk in commonPrint.css (alleen toegepast tijdens het printen).

Wat ik wel vond (met dank aan Developer-tools in de nieuwe Safari 4 :innocent: ) is een “gewone” margin:0.
[img:471acd41af]http://img32.imageshack.us/img32/6548/afbeelding10f.png[/img:471acd41af]
[img:471acd41af]http://img524.imageshack.us/img524/5697/afbeelding14.png[/img:471acd41af]

En nu is’tie weer OK !