[CSS] Pagina word niet goed weergeven in oudere browsers

[Verwijderd]

Beste Tweakers,

Als eerst mijn oprechte excuses voor een vraag zoals deze, ik weet dat het hier niet thuis hoord. Maar ik ben ten einde raad.

http://www.kishii.nl

Mijn weblog, die ik al een paar jaar run. Heb laatst aan de hand van de default wordpress theme een eigen theme in elkaar geflanst. Maar tot mijn grote verbazing zie ik oudere versies van IE en Firefox aan de rechterkant van mijn banner een zwarte lijn lopen. Ik heb de CSS en de Code al vele malen door gelezen(ben hier bijna al meer dan een week mee bezig) En hoewel de lijn niet storend is als je er niet op let, is het toch ontzettend jammer dat hij er zit.



Ik heb aan mijn docenten op school(ze geven php en css), om advies gevraagd maar die zeiden dat mensen hun browser maar moeten updaten. Aan dat antwoord heb ik niks, want ik wil natuurlijk dat op elke browser mijn site eruit ziet zoals ik dat wil.

[cPT.cAPSLOCK]

Misschien handig om je (relevante) css en code even te posten.

Dan kunnen mensen hier beter zien waar de fout in zit.

[Asphyxion]

Sterker nog, in Google Chrome heb ik de zwarte lijn ook. Dus het zijn niet alleen oudere browsers die de zwarte lijn tonen. Zal morgen eens kijken naar het probleem...

[crisp]

HTML:

<div id="header" onclick="location.href='http://www.kishii.nl';" style="cursor: pointer;">
    <div id="headerimg"></div>
</div>

Waarom gebruikt je daar niet gewoon een <a>?

Verder, als je wilt weten wat die zwarte streep veroorzaakt, is het vaak een kwestie van je pagina stap-voor-stap uitkleden totdat het probleem zich niet meer voordoet; hetgeen je in je voorlaatste stap dan verwijderde is dan meestal de veroorzaker.

[Manuel]

Die zwarte streep is vaak je background die je ziet, geef eens als je wilt een position: absolute mee en zo alles instellen, het gaat je achteraf heel wat werk schelen, plus het is in elke browser goed zichtbaar

[Verwijderd]

Sorry! ik dacht dat ik de CSS had meegepost.

http://www.kishii.nl/style.txt

[Verwijderd]

Ik heb het opgelost door de linker kant van de background 1 px naar links te verschuiven. Maar ik begrijp niet waarom het nu wel werkt.

Er zit namelijk in die Background image een gat van 200x757 en mijn header image is 200x757. Dus ik begrijp dan niet waarom hij niet perfect past

Sorry voor de dubbel post!

[ Voor 4% gewijzigd door Verwijderd op 20-09-2009 02:20 ]

[Manuel]

Zoals ik zei, het is altijd een positioning probleem als je een zwarte streep ziet (of je hebt hem verkeert gesliced). Maar blij dat het is opgelost