<hr /> in IE6/win anders dan bedoeld!

CSS = hr { margin-bottom: 14px; height: 2px; background: transparent url(images/streep.gif) no-repeat top left; border: none; } URL = [url]http://www.yod.nl/test/agenda.html[/url]

De streep.gif is een grijs naar transparant verloop van 300px breed en 2px hoog!

Op de mac met Saf en FF is ie ok! Maar op Windows (XP) met IE 6 en IE7 gebeurt er iets anders!
Kijk op http://browsershots.org/website/894941/

Iemand een hint?

ie kan toch geen transparant aan?

[quote:f1e4c58ac2="Rimsic"]ie kan toch geen transparant aan?[/quote:f1e4c58ac2] Jawel hoor alleen geen transparante PNG. Maar in IE zie ik dat hij erg veel ruimte tussen de lijnen zet. Ik zou niet weten waar het aan ligt, in IE7 Beta ziet het er wel goed uit! Tijd voor IE7!

Oops ... sorry ... .gif loopt van grijs naar wit. Niet transparant dus!

@riniton > das al heel wat ... de screenshot van IE7 van Browsercam laat echter precies hetzelfde zien als de screenshot van IE6 ... ook vreemd! Iemand nog een idee om eea correct weergegeven te krijgen?

hr is lastig om te stylen. Ik zie geen oplossing voor de hr zonder javascript en replacen van de hr tag naar een img tag. aangezien ik niet van zo'n replace functie houd, zou ik dan voor een img gaan ipv de hr.

helaas ik kan je niet verder helpen.

ff ten eerste: waarom zou je je background een transparantie meegeven als je er toch een img indoet? [code:1:40038b42f8]background: transparent url(images/streep.gif) no-repeat top left;[/code:1:40038b42f8] laat dan het [i:40038b42f8]transparent[/i:40038b42f8] gewoon weg, want dat wordt hier toch teniet gedaan door de backgroundimage.

en in paats van een <hr /> tag kun je toch ook gebruik maken van een <div> die je dan weer elke hoogte, breedt en achtergrond kan geven die je wilt? deze is misschien zelfs nog makkelijker te veranderen dan een <hr />

@martijnG > alle hulp (zelfs geen hulp) helpt ... dat er al iemand meedenkt geeft goede input!

Nu maar een <div> om het eea gezet:
#agendabox {margin-bottom: 14px; padding-bottom: 0; background: transparent url(images/streep.gif) no-repeat bottom left;}

En wat denk je? In Saf en FF op Mac ok … in IE6 en IE7 op WinXP … precies, foute boel! Zo langzamerhand begin ik te denken dat de screendumps van Browsershots niet deugen … http://browsershots.org/website/896443/

Wie checkt http://www.yod.nl/test/agenda.html in IE6/win voor mij?

ik ga wel ff checken. ik post hier de screenshot wel fkes.

//edit
in IE 6 voor WinXP ziet het er wel goed uit, maar ik zou persoonlijk nog steeds die div onderaan elke <p> zetten waaronder je hem wil hebben, en niet óm de <p> heen. Zo hou je van je <p> een <p> en maak je er geen aparte <div> van. maakt het voor jezelf ook n stukje meer overzichtelijker waar je <p>'s nou staan en waar je <div>'s staan. Maar dat is dan wel weer uit mijn point of view.
bij deze:
[img:e83fd0b49d]http://forum.macosx.nl/album_pic.php?pic_id=12736[/img:e83fd0b49d]

[quote:e813fe50dc="Joop Vos"]Nu maar een <div> om het eea gezet: #agendabox {margin-bottom: 14px; padding-bottom: 0; background: transparent url(images/streep.gif) no-repeat bottom left;}[/quote:e813fe50dc]

De keuze hier voor een div vind ik niet de beste, wanneer de stylesheet uitgeschakeld is zal je niet de scheidings lijn zien. bij het gebruik van een img wel.

offtopic: Mocht je er de plaats voor hebben zou ik je aanraden een oude PC op de kop te tikken voor een appel en een ei, ontwikkelen van sites met een pc naast je vorkomt een hopp gedonder aangezien je tussen tijds je styles kun controleren op de PC.

[quote:449fd10f1c="martijnG"][quote:449fd10f1c="Joop Vos"]Nu maar een <div> om het eea gezet: #agendabox {margin-bottom: 14px; padding-bottom: 0; background: transparent url(images/streep.gif) no-repeat bottom left;}[/quote:449fd10f1c]

De keuze hier voor een div vind ik niet de beste, wanneer de stylesheet uitgeschakeld is zal je niet de scheidings lijn zien. bij het gebruik van een img wel.

offtopic: Mocht je er de plaats voor hebben zou ik je aanraden een oude PC op de kop te tikken voor een appel en een ei, ontwikkelen van sites met een pc naast je vorkomt een hopp gedonder aangezien je tussen tijds je styles kun controleren op de PC.[/quote:449fd10f1c]
… of als je de ruimte niet hebt, een oude laptop met windows erop. die heb je ook al voor n :apple: en n ei :wink:

Bedankt allemaal ... en ja, ik weet het, het zal er eens van moeten komen ... :mrgreen: