Bottom is niet helemaal bottom in IE?

[André]

Ik ben hier nu een tijdje mee aan het klooien maar ik zie het niet. Ook in de search staat niets relevants zover ik kan vinden dan maar even voor de groep gooien

Ik heb heel simpel een div met 4 plaatjes er in. Die plaatjes staan in de hoeken van die div om een afgeronde hoek te krijgen. (Normaal zet ik ze later met JS pas in de div als achtergrond van een kleinere div zodat ze niet in de code staan en ook niet bij het selecteren geselecteerd worden maar dat heeft niets met dit probleem van doen.)

Hier staat een voorbeeld:
http://www.nobellaan.nl/got/test.html

In IE zul je zien dat onder de 2 onderste hoeken er nog een 1px lijntje loopt. Dus de plaatjes lijken niet helemaal op bottom: 0; gerenderd te worden.

Wie weet de oplossing voor deze bug?

[Not Pingu]

Ha, dit heb ik ook vaak gehad
Probeer eens om die linebreak achter de laatste img weg te halen? Volgens mij was dat de oplossing, effe testen of ik niet uit mijn nek klets...

[edit] nee, dat is hem niet. Ik heb dit wel vaak gehad iig, en ook als je een flexibele box met rounded-corners hebt, dan zie je bij het resizen vam het window ook random ruimtes van 1 of 2 pixels verschijnen.

[ Voor 38% gewijzigd door Not Pingu op 01-08-2005 22:14 ]

[ThunderNet]

compleet offtopic:
jij woont dus op de nobellaan?
weet je hoe vaak ik daar langs kom

[André]

ThunderNet schreef op maandag 01 augustus 2005 @ 22:11:
compleet offtopic:
jij woont dus op de nobellaan?
weet je hoe vaak ik daar langs kom

offtopic:
Daar heb ik mijn hele jeugd gewoond op nummer 116 om precies te zijn. Staat nu weer te koop overigens En bij gebrek aan fantasie ook mijn site maar zo genoemd

[ThunderNet]

om niet meer offtopic te vervuilen heb ik je maar aangemeld op msn, met het adres dat in je profiel staat

[disjfa]

Als je de margin-bottom van de p op minder van 4 px zet dan pakt hij hem ook goed.

Dat gientje met die images en spaties werkt deze keer niet zo te zien

[Not Pingu]

Als ik de box een vaste height geef, is de 1px ruimte onder de hoekjes weg.

[André]

Gunp01nt schreef op maandag 01 augustus 2005 @ 22:09:
Ha, dit heb ik ook vaak gehad
Probeer eens om die linebreak achter de laatste img weg te halen? Volgens mij was dat de oplossing, effe testen of ik niet uit mijn nek klets...

Je kletst uit je nek, je gaat niet door voor de Beertender™

[edit] nee, dat is hem niet. Ik heb dit wel vaak gehad iig, en ook als je een flexibele box met rounded-corners hebt, dan zie je bij het resizen vam het window ook random ruimtes van 1 of 2 pixels verschijnen.

Idd, maar hoe verhelp je het.

Gunp01nt schreef op maandag 01 augustus 2005 @ 22:15:
Als ik de box een vaste height geef, is de 1px ruimte onder de hoekjes weg.

Het zijn variabele tekstboxjes dus een fixed height voldoet niet voor mij.

[ Voor 19% gewijzigd door André op 01-08-2005 22:19 ]

[Verwijderd]

André schreef op maandag 01 augustus 2005 @ 22:16:
[...]

Het zijn variabele tekstboxjes dus een fixed height voldoet niet voor mij.

als je ze er toch met js instopt kan je net zo goed meteen de hoogte meten en die vast zetten

[André]

Verwijderd schreef op maandag 01 augustus 2005 @ 22:51:
[...]

als je ze er toch met js instopt kan je net zo goed meteen de hoogte meten en die vast zetten

Dat is idd helemaal geen gekke optie omdat die hoekjes pas na de onload geplaatst worden. Maar het blijft dan vaag dat het niet 'normaal' wil.

[Morphine]

oplossing: de hoeken minimaal 20x20 pixels laten worden.. en probleem is solved?

[André]

Ik heb even de JS oplossing geprobeerd, maar wat blijkt: de fixed-height oplossing werkt helemaal niet. Tenminste niet op de oneven heights

Dus de oplossing van Morphine helpt denk ik ook niet omdat je altijd de kans hebt dat je vak een oneven hoogte krijgt.

Ik weet nu nog 1 oplossing, met JS de hoogte vast zetten op een even getal

/edit: dat werkt dus ook niet perfect

[ Voor 6% gewijzigd door André op 01-08-2005 23:00 ]

[disjfa]

Ik zei net toch al dat een margin-bottom op de p werkte Of een padding-bottom op de h1 van minimaal 5

Waarom zou ik je verder niet kunnen zeggen

Ow ik zie het al. Ik word er nog minder wijs van. Het komt door je font Als je gewoon verdana gebruikt werkt hij ook spontaan

[ Voor 32% gewijzigd door disjfa op 01-08-2005 23:02 ]

[André]

Dat lijkt idd perfect te werken, ook al plaats ik nog elementen onder de p, die margin moet kleiner dan 4 zijn

[aex351]

André schreef op maandag 01 augustus 2005 @ 23:04:
Dat lijkt idd perfect te werken, ook al plaats ik nog elementen onder de p, die margin moet kleiner dan 4 zijn

mogelijk

HTML:

      [img]"hoek_ro.gif">

[/img]

spaties weg halen tussen img en de rest? dat heeft mij zelf ook veel problemen opgelevert.
verder zou je met padding of margin kunnen werken wil me eerste tip niet werken in combinatie met ie hack _padding <-- underscore

[ Voor 12% gewijzigd door aex351 op 02-08-2005 00:36 ]

[disjfa]

aex351 schreef op dinsdag 02 augustus 2005 @ 00:36:
[...]
spaties weg halen tussen img en de rest? dat heeft mij zelf ook veel problemen opgelevert.
verder zou je met padding of margin kunnen werken wil me eerste tip niet werken in combinatie met ie hack _padding <-- underscore

..... Dat eerste met de plaatjes staat al zo`n 3 keer in het topic dat het niet werkt en om nu een hack te gebruiken omdat het anders ook werkt lijkt me een beetje overbodig