[HTML] IE6 en width berekening

[Verwijderd]

Ik heb een probleempje met de width berekening in IE6.

Ik heb een div met bepaalde padding, waarin meerdere divs staan die een percentale waarde krijgen.

bijv dus:

XML:

<div  style="padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;">
    <div id="picsbar">
        <div style="width: 25%;>
        <img class="thumb" src="thumb/_2.jpg" border="1" alt="2" />
            </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_3.jpg" border="1" alt="3" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_4.jpg" border="1" alt="4" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_5.jpg" border="1" alt="5" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_6.jpg" border="1" alt="6" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_7.jpg" border="1" alt="7" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_8.jpg" border="1" alt="8" />
        </div>
        <div style="width: 25%;>
            <img class="thumb" src="thumb/_9.jpg" border="1" alt="9" />
        </div>
    </div>
</div>

De bedoeling is dat de binnenste div elementen per 4 naast elkaar verschijnen (vandaar de 25% width).
IE7 en Firefox renderen dit prima, maar in IE6 wordt (voor zover ik kan beoordelen) de breedte berekend op basis van de buitenste div zonder padding.
Belangrijk om te weten is ook dat de padding variabel is, en dus ook 5px, 20px, of meer kan zijn.
Ook de width is variabel, deze wordt berekend aan de hand van het aantal div elementen die naast elkaar moeten komen, dus 1, 2, 8 of 9 div elementen is mogelijk.
De breedte van de buitenste div (die met de padding) hoeft kan ook breder zijn, in het geval dat er geen side-menu, maar een header-menu in de pagina zit.

voor een voorbeeld: http://www.hannekebodlaender.nl/NL/page/Werken/

Ik heb zelf al een aantal dingen geprobeerd (margin-left: auto; margin-right: auto; in de binnenste divs, proberen de breedte van de buitenste div te bepalen, en daarme de binnenste van een width voorzien, etc.) maar ik wil het graag zo clean mogelijk houden.

Heeft iemand een oplossing voor me?

--Chibby

[kalizec]

Verander al die 25% eens in 24%. Dit komt op mij over als een 'afrondingsfoutje' binnen IE6, waardoor het nèt niet past binnen de uitgerekende breedte.

[_Thanatos_]

En die puntkomma's ff in quotes veranderen. Nu zijn je tags niet afgesloten

Kalizec: klopt, IE6 (die daar niet de enige in is) heeft een afrondingsfout bij het berekenen van de breedte en positie van procentueel-geschaalde elementen. Als de parent container bijv 150px is, dan werkt 2 elementen van 50% wel, want die worden dan 75px. Maar 4 elementen van 25% gaat niet, omdat die dan 38px worden. Op zich klopt de afronding dus, maar het probleem is dus dat IE het uberhaupt afrondt, en dán pas rendert

Zou een browser het goed doen, dan zouden de elementen 37.5px breed worden, en zou het tweede element een offsetLeft van 37.5px berekent krijgen. Helaas zijn er verrassend genoeg meer browsers dan alleen IE6 waarin dat mis gaat...

[curry684]

Verwijderd schreef op woensdag 26 maart 2008 @ 21:54:
voor een voorbeeld: http://www.hannekebodlaender.nl/NL/page/Werken/

Offtopic: ben je bekend met het feit dat Comic Sans als font gebruiken voor een website hoogstens voor veel hilariteit bij bezoekers gaat zorgen en een lichtelijk negatief effect op je professionele uitstraling heeft?

[Verwijderd]

mjah, die style atteributen had ik wat ingekort (stond meer in), maar evengoed bedankt.
De truc met 24% werkt wel, maar nu heb ik een nieuw probleem...
De buitenste div (met de padding) breekt nu naar buiten de rest van de pagina

[Verwijderd]

curry684 schreef op woensdag 26 maart 2008 @ 22:58:
[...]

Offtopic: ben je bekend met het feit dat Comic Sans als font gebruiken voor een website hoogstens voor veel hilariteit bij bezoekers gaat zorgen en een lichtelijk negatief effect op je professionele uitstraling heeft?

Ja, gelukkig is het niet mijn website.
sterker nog, elk papiertje dat ik zelf zie met dat font wordt ongelezen verkreukeld en weggegooid.
maarjah, klant is koning, toch?

[ Voor 84% gewijzigd door Verwijderd op 26-03-2008 23:08 ]

[RobIII]

curry684 schreef op woensdag 26 maart 2008 @ 22:58:
[...]

Offtopic: ben je bekend met het feit dat Comic Sans als font gebruiken voor een website hoogstens voor veel hilariteit bij bezoekers gaat zorgen en een lichtelijk negatief effect op je professionele uitstraling heeft?

...en dat het wel zo netjes is om plaatjes als deze fatsoenlijk te resizen voordat je ze naar een browser stuurt.

Verwijderd schreef op woensdag 26 maart 2008 @ 23:06:
klant is koning, toch?

De klant erop wijzen kan geen kwaad. De klant moet denken dat 'ie koning is, maar die klant moet met kwasten aan de gang en jij met websites Do the math.

Oh, en de pagina's gaan niet helemaal goed volgens mij...1, 2 en 3 ofzo werken wel en de rest is dood

[ Voor 27% gewijzigd door RobIII op 26-03-2008 23:12 ]

[TeeDee]

Verwijderd schreef op woensdag 26 maart 2008 @ 23:06:
[...]
Ja, gelukkig is het niet mijn website.
klant is koning, toch?

Geen keizer
Als webdesigner kan je ook opvoeding aan je klanten geven...

Trouwens, je hebt wel last van diveritus. Er zijn trouwens nog wel meer 'vage' dingen. Een hele hoop dividers met niets anders dan wat paddings etc.

[ Voor 15% gewijzigd door TeeDee op 26-03-2008 23:13 ]

[Verwijderd]

ja, ik weet het, ben soms te snel voor mezelf...
zal het niet meer doen.

maar om het plaatje compleet te maken, ik werk voor een klant, en die verkoopt het weer door...
daar ergens gaat het fout vwb comic sans...

en vwb het resizen, ik weet ook dat, en dat heb ik ook geprobeerd duidelijk te maken, maar ik praat tegen dovemansoren

[kamerplant]

Verwijderd schreef op woensdag 26 maart 2008 @ 23:10:
en vwb het resizen, ik weet ook dat, en dat heb ik ook geprobeerd duidelijk te maken, maar ik praat tegen dovemansoren

Je hoeft toch geen toestemming vragen om een afbeelding fatsoenlijk te resizen?

[RobIII]

Datafeest schreef op woensdag 26 maart 2008 @ 23:19:
[...]

Je hoeft toch geen toestemming vragen om een afbeelding fatsoenlijk te resizen?

Gezien de 'file_manager'-url verwacht ik 1 of ander CMS systeem en dan ben je de controle al gauw (meer) kwijt Neemt niet weg dat je mensen die een "CMS" gebruiken opgevoed moeten worden, net zoals je een rijbewijs moet halen als je de openbare weg op wil met je lelijke eend

[Cartman!]

Ik moet Chibby gelijkgeven wat betreft de huge afbeeldingen. Ik zie het vaak gebeuren dat je alles oplevert met nette images op maat en als de klant zelf aan de slag gaat dan gooien ze er foto's in van 5MB en bellen ons dan op om te vragen waarom ze langzaam inladen Als we dan uitleggen dat we best een uitbreiding kunnen maken die resizen dan is dat weer te duur dus ja...

Overigens ben ik zelf bezig met een klein projectje 'Photoshop JS' is de werknaam ( ) en daarmee heb je gewoon in een popup een simpele foto editor waarin je kunt resizen/croppen/filteren etc. Best wel geinig maar vaak is het zo dat mensen dat weer niet begrijpen (ondanks uitlegjes, icoontjes met legenda's etc) en het alsnog opfokken... soms doe je er echt niets aan helaas.

[Verwijderd]

RobIII schreef op woensdag 26 maart 2008 @ 23:07:
Oh, en de pagina's gaan niet helemaal goed volgens mij...1, 2 en 3 ofzo werken wel en de rest is dood

Thanks, duidelijk een bugje die ff opgelost moet worden ;-)

@ Cartman!: inderdaad, laat mensen zelf aansukkelen en 't gaat fout...