[css] ie6.0 doet vaag.

[paragon]

In mozilla ziet het er wel goed uit.

verwante css:
[code]
#content{width:490px;
height:265px;
overflow:auto;
padding:5px;
margin-top:10px;
font-size:12px;
border:dotted 1px #336699;
}

.eng{position:relative;
left:10px;
font-style:italic;
font-size:11px;
}

url:
http://paragonxls.xs4all.nl/PHP/Sparks/menu.php

[Verwijderd]

overflow:auto; ook bij .eng zetten

[paragon]

Nee, dat heeft natuurlijk geen nut. #content is de div met die scrollbar en .eng is de engelse text die dus gewoon in die #content div staat. Het ligt niet aan .eng maar het is dus een bug in IE6.0. Als ik bij .eng postion:relative; weghaal werkt het wel alleen dan ben ik het inspringen kwijt en das ook niet de bedoeling. Hoe ziet het er eigelijk in IE5/5.5 uit?

[Dark Blue]

Volgens mij moet je ze gewoon in de zelfde div zetten. Je kunt toch met een kleine spacer gif wel een stukje inspringen voor dat cursieve gedeelte?

Overigens, IE 6.0 hier dus, ene layer staat stil, andere scrollt.

[Bosmonster]

Op donderdag 11 april 2002 18:07 schreef Dark Blue het volgende:
Volgens mij moet je ze gewoon in de zelfde div zetten. Je kunt toch met een kleine spacer gif wel een stukje inspringen voor dat cursieve gedeelte?

Overigens, IE 6.0 hier dus, ene layer staat stil, andere scrollt.

Psies.. vond het ook al zo'n vreemde constructie

[Verwijderd]

Volgens mij is dit inderdaad een soort bug, maar je komt hier wel gemakkelijk omheen.

Je gebruikt CSS hier niet op de meest logische manier. Je hebt namelijk helemaal geen position: relative; nodig. Netter is het om de Nederlandse tekst tussen p tags te zetten, met bijvoorbeeld class="ned".

Dan zet je in je stylesheet: p.ned { margin: 0px; }

En de Engelse vertaling zet je ook tussen p tags, met class="eng". In je stylesheet voeg je iets als het volgende toe:
p.eng { margin: 0px 0px 10px 10px; }
En nog meer als dat nodig is.

Dat vind ik iets logischer namelijk, en eigenlijk heb je dan ook geen br tags meer nodig.
Je krijgt in je source dus om en om een regen met <p class="ned"> en <p class="eng">, dus je source is gelijk lekker goed leesbaar

[paragon]

Op donderdag 11 april 2002 18:09 schreef Cheatah het volgende:
Volgens mij is dit inderdaad een soort bug, maar je komt hier wel gemakkelijk omheen.

Je gebruikt CSS hier niet op de meest logische manier. Je hebt namelijk helemaal geen position: relative; nodig. Netter is het om de Nederlandse tekst tussen p tags te zetten, met bijvoorbeeld class="ned".

Dan zet je in je stylesheet: p.ned { margin: 0px; }

En de Engelse vertaling zet je ook tussen p tags, met class="eng". In je stylesheet voeg je iets als het volgende toe:
p.eng { margin: 0px 0px 10px 10px; }
En nog meer als dat nodig is.

Dat vind ik iets logischer namelijk, en eigenlijk heb je dan ook geen br tags meer nodig.
Je krijgt in je source dus om en om een regen met <p class="ned"> en <p class="eng">, dus je source is gelijk lekker goed leesbaar

Je hebt helemaal gelijk, maar toch een bug. Ik wilde eigenlijk text-indent gebruiken das toch voor dit soort dingen gemaakt, maar dat deed het helemaal niet.

Nu we het toch over bugs hebben (dan hoef ik geen nieuw topic te openen):




Divje met menukaart heeft een z-index van 20 maar IE rederd gewoon de onderliggende border erover heen. Mozilla dus niet hoe is dit nou weer op te lossen?

wederom: http://paragonxls.xs4all.nl/PHP/Sparks/menu.php

[paragon]

Hmm had waaarschijnlijk toch een nieuw topic moeten openen. Na ja dat doe ik morgen dan wel als er geen reply's meer zijn