[IE] tekst wordt onderen geplaatst in div

[Verwijderd]

Ik zit nu al een halve dag te klooien om een IE probleem op te lossen. In Firefox werkt het (natuurlijk) weer wel. Ik heb een site met 1 container DIV met daarin 3 kolommen. 1e en 2e kolom gaat prima maar bij de 3e kolom gaat het fout. De tekst wordt op de bottom geplaatst.

Site met het probleem: http://www.carpenter.nl/cfnl

Ik heb alles met width, margin en padding geprobeerd en ook al het internet (Google) afgestruind om een antwoord te vinden maar dit heeft geen resultaat opgeleverd.

Wie weet hier raad mee?

P.S. ik plaats de code niet omdat je die via je browser kunt bekijken. Mocht er toch animo voor zijn dan zal ik de code plaatsen.

[Verwijderd]

Als je de middelste div leegmaakt en daar allemaal <br />s inzet dan werkt het wel. Alleen krijg je dan een bug in IE te zien (probeer maar eens).

Vermoedelijk een float probleem iig

vb: http://blackspotsoftware.com/dev/got/cfnl.htm

[edit]
Damn, wat zijn we allemaal snel hier. Was net koffie aan het zetten

[ Voor 26% gewijzigd door Verwijderd op 22-09-2006 10:37 ]

[Verwijderd]

Verwijderd schreef op vrijdag 22 september 2006 @ 10:20:
Als je de middelste div leegmaakt en daar allemaal <br />s inzet dan werkt het wel. Alleen krijg je dan een bug in IE te zien (probeer maar eens).

Vermoedelijk een float probleem iig

vb: http://blackspotsoftware.com/dev/got/cfnl.htm

En is daar een oplossing voor?

[messi]

De text word niet op de bottom geplaatst.
Je divKolom26 is te breed en word daarom onder de twee andere divs geplaatst.
Maar omdat je een float: right gebruikt, lijkt het alsof de kop alleen naar onder verschoven is, terwijl de hele div onder de rest staat.
(maak van je width van divKolom26 maar eens 300px)


plus:
Je mag alles in de middelste div best in een tabel zetten hoor, het is tabulaire data en om nou 100 nietszeggende divs te gebruiken...
Een div zegt niets over de text die erin staat dus vanuit semantisch oogpunt is een tabel waarschijnlijk beter.

En houdt alle styles in je stylesheet, dat maakt het _veel_ overzichtelijker dan dat het nu is. (moet telkens switchen tussen je html en je css)

[ Voor 39% gewijzigd door messi op 22-09-2006 10:32 ]

[user109731]

Je div #divKolom26 een width meegeven?

offtopic:
Wat zijn we weer mooi op elkaar ingespeeld zo
Rowanov

[ Voor 52% gewijzigd door user109731 op 22-09-2006 10:30 ]

[Rowanov]

1 van je blokken iets minder breed maken

offtopic:
doe eens ff niet zo snel posten

[ Voor 39% gewijzigd door Rowanov op 22-09-2006 10:28 ]

[Verwijderd]

Rowanov schreef op vrijdag 22 september 2006 @ 10:27:
1 van je blokken iets minder breed maken

offtopic:
doe eens ff niet zo snel posten

dat heb ik geprobeerd en werkt. MAAR ....

De container DIV is 1000px...

kolom1 = 166px breed + 1px border = 167px;
kolom2 = 500px breed
kolom3 = 332px breed

167 + 500 + 332 = 999px. Dus dan zou ik zelfs nog 1px overhebben ..
Vreemd toch?

[messi]

Verwijderd schreef op vrijdag 22 september 2006 @ 10:32:
[...]


dat heb ik geprobeerd en werkt. MAAR ....

De container DIV is 1000px...

kolom1 = 166px breed + 1px border = 167px;
kolom2 = 500px breed
kolom3 = 332px breed

167 + 500 + 332 = 999px. Dus dan zou ik zelfs nog 1px overhebben ..
Vreemd toch?

Nee
Zoek maar eens op boxmodels.
Ie gaat anders om met de padding en margin en borders dan FireFox.
zie ook http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

[ Voor 6% gewijzigd door messi op 22-09-2006 10:34 ]

[Boelie-Boelie]

messi schreef op vrijdag 22 september 2006 @ 10:33:
Ie gaat anders om met de padding en margin en borders dan FireFox.
zie ook http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

Op die pagina valt ook te lezen dat jouw bewering niet helemaal klopt, het ligt aan het gebruikte doctype. In het geval van DreamSky is er iig geen verschil in het gebruikte boxmodel (voor een completere lijst, zie http://hsivonen.iki.fi/doctype/ ).

In de CSS zie ik een hoop overbodige regels. Alle div's krijgen display:block mee, terwijl div's al van zichzelf block-level elements zijn.Daarnaast zie ik dat je ze allemaal float en bijna allemaal cleart. Dat is helemaal niet nodig. Sterker nog, al dat floaten kan voor IE diverse problemen veroorzaken (zie bijv. Position is Everything). Zou dus eerst alles wat overbodig is, uit je CSS halen.. (Floaten is niet verkeerd; overbodig floaten wel.)

En trouwens, net als dat je tabulaire data in een tabel kunt zetten...

code:

<div class="divKolom_Kop" style="width: 470px;">&raquo; Te Koop Aangeboden</div>

Is dat niet een aanwijzing dat je daar beter een heading-element (=kop) voor kunt gebruiken?

[ Voor 3% gewijzigd door Boelie-Boelie op 22-09-2006 11:59 ]

[Naatan]

verander in #divKolom36 en .divKolom36_Seperator de width naar 460. dan werkt het wel..

ik denk dat in IE de padding en de marging ten koste van de breedte van een cell gaat

[messi]

Boelie-Boelie schreef op vrijdag 22 september 2006 @ 11:55:
[...]
En trouwens, net als dat je tabulaire data in een tabel kunt zetten...

code:

<div class="divKolom_Kop" style="width: 470px;">&raquo; Te Koop Aangeboden</div>

Is dat niet een aanwijzing dat je daar beter een heading-element (=kop) voor kunt gebruiken?

Ik weet niet tegen wie je het precies hebt, maar je hebt wel gelijk . al zeg ik wel een paar posts terug dat de divs die hij nu gebruikt niet zeggen wat voor tekst erin staat.

Oké hij hoeft niet álles in een tabel te zetten, maar een paar strategisch geplaatste tags zouden niet misstaan (zoals jij ook al aangaf).