[IE5] Breedtes van div-box

[Mr_Kite]

Ik ben bezig aan een site, en loop tegen 2 probleempjes aan in IE5.
In IE6 doet de site het prima, en ook in Mozilla 1.3 en Opera 7 ziet het eruit zoals dat de bedoeling is.

1. een versie die het hier in IE5 goed doet, configuratie afhankelijk waarschijnlijk!
2. ziet er niet uit in IE5!!! (afgezien van de hoogte van het content veld)

Het eerste probleem is dat wanneer er een tekst in een div-box zit, de breedte daarvan automatisch wordt aangepast aan de breedte van deze tekst. Hij wordt wel netjes afgebroken wanneer de tekst langer wordt dan de opgegeven breedte, maar de regels lopen vrijwel nooit helemaal totaan de laatste pixel van de breedte....

Verder heb ik 2 vertikale stippellijnen waarvan ik alleen de rechter zie in IE5 (alle andere browsers inclusief IE6 doen dit wel goed!)

en als laatste een kleiner probleempje: ik zou het fijn vinden als de stippellijnen met de hoogte van de content mee kunnen vervormen, en dat kan prima in de meeste browsers met de volgende code:

Cascading Stylesheet:

    #stippelslinks {
        position:absolute;
        top:-98px;
        bottom:-50px;
        left:-15px;
        padding:0px;
        background: url(stippel.gif) repeat-y;
        width:2px
        }

waarbij dit vanuit de het contentveld wordt aangeroepen, en hij dus altijd 50 pixels onder dit veld uitsteekt, alleen kan IE hier opnieuw niet mee uit de voeten! Hij maakt hem zo klein mogelijk.....

_{p.s. de huidige site is te vinden op http://www.io.tudelft.nl/education/vormstudie/vstudi0.htm, dus wat dat betreft valt er geen eer te verliezen}

[ Voor 20% gewijzigd door Mr_Kite op 28-04-2003 22:49 ]

[Mickman]

Het eerste probleem is dat wanneer er een tekst in een div-box zit, de breedte daarvan automatisch wordt aangepast aan de breedte van deze tekst. Hij wordt wel netjes afgebroken wanneer de tekst langer wordt dan de opgegeven breedte, maar de regels lopen vrijwel nooit helemaal totaan de laatste pixel van de breedte....

Kijk eens naar de padding: instellingen van je styles, deze zorgen er namelijk ook voor dat je niet de totale breedte benut.

ik zou het fijn vinden als de stippellijnen met de hoogte van de content mee kunnen vervormen

Moet je dan je height niet verwijderen uit: >>
#stippelslinks, #stippelsrechts {
position:absolute;
top:-98px;
bottom:-50px;
padding:0px;
background: url(stippel.gif) repeat-y;
height:500px;

???

[Mr_Kite]

Mickman schreef op 28 April 2003 @ 22:25:

Kijk eens naar de padding: instellingen van je styles, deze zorgen er namelijk ook voor dat je niet de totale breedte benut.

Ik geloof niet dat je hier de vraag helemaal hebt begrepen... het gaat om de breedte van het veld, met de padding heb ik geen problemen.

Moet je dan je height niet verwijderen uit: >>
#stippelslinks, #stippelsrechts {
position:absolute;
top:-98px;
bottom:-50px;
padding:0px;
background: url(stippel.gif) repeat-y;
height:500px;

???

dat klopt, maar dan snapt IE er dus niets van... zonder die height doen zowel Opera 7 als Mozilla 1.3 het perfect... maarja, die gebruiken de meeste mensen niet (helaas )

[crisp]

Ik zie dat je al wat hacks aan het gebruiken bent; persoonlijk ben ik daar niet zo'n voorstander van. Ik zou zeggen: zorg dat het er in moderne browsers goed uitziet, en dat het in oudere browsers bruikbaar blijft. Voor je het weet ben je weer met spacer.gifjes aan het klooien en ben je dus weer 6 jaar terug in de tijd gegaan (IE5 is geloof ik ondertussen ook alweer 4 jaar oud).
IE5 mist gewoon nog een hoop CSS ondersteuning, en heeft ook een aantal bugs mbt CSS. Daar omheen werken maakt je code niet duidelijker en onderhoudbaarder.
Bespaar je liever de moeite, en zet liever iets goeds neer

* crisp doneert 2 cent