[css] schaalbaar layout; probleem kolommen FF

[Verwijderd]

ik probeer een schaalbare layout te maken, linker- en rechterkolom fixed, center schaalt. dit is prima gelukt, alleen in de middelste kolom wil ik ook weer 2 schaalbare kolommen en hier gaat het mis in FF. met height:100% op .inner (roze) kan lukt het om deze in IE6 & IE7 goed te zetten alleen in FF duikt .outro onder .colInner1 & .colInner2 ...

een testversie staat hier, css staat in de pagina.

wat heb ik gebrobeerd;
- clear op .outro werkt niet, dan wordt .outro geplaatst onder .col1 of .col3
- float op .colInner1 & .colInner2 weghalen plaatst ze onder elkaar
- display:inline op .colInner1 & colInner2 heft de width ervan op

ik heb padding en margin op de div's gezet die kolommen in zich hebben om het gedrag ervan beter te kunnen zien.

ik zoek dus een oplossing voor het probleem dat .outro (donkerrood) in FF onder .colInner1 (donkerblauw) & .colInner2 (aubergine) duikt ... of misschien is het probleem wel dat .inner (roze) in FF geen hoogte krijgt.

[X-Lars]

Wellicht werkt dit voor je (als ik het goed begrepen heb), niet getest:

HTML:

<div class="inner">
  <div class="colInner1">.colInner1</div>
  <div class="colInner2">.colInner2</div>
  <div style="clear:both;"></div>
</div>

(Extra element nodig helaas...)

[XWB]

Dat hoeft zelf niet, gewoon een overflow: hidden op die inner div.

HTML:

<div class="inner" style="overflow: hidden;">
  <div class="colInner1">.colInner1</div>
  <div class="colInner2">.colInner2</div>
</div>

Zie ook http://www.quirksmode.org/css/clearing.html

[ Voor 12% gewijzigd door XWB op 06-12-2006 17:12 ]

[X-Lars]

Ah, neat, thanks :-)

[Verwijderd]

inderdaad meteen de juiste oplossing! bedankt ook voor de link, ga ik uitpluizen!
vreemd dat deze css-property deze oplossing geeft, zou je niet verwachten en ik zou er ook niet op kunnen komen, ik ben blij dat ik de vraag gesteld heb!

[Verwijderd]

slotje?

[BtM909]

In Het algemeen beleid staat onder andere het volgende:

Andere zaken die we ook duidelijk niet op prijs stellen: * Je probleem binnen 24 uur met een 'schopreactie' onder de aandacht brengen. Let daar voortaan even op, wil je?

Daarnaast is dit ook nog interessante leesvoer: Het algemeen beleid #topiceinde

[Verwijderd]

Je probleem binnen 24 uur met een 'schopreactie' onder de aandacht brengen

doe ik dat dan?

[BtM909]

Goose-2- schreef op woensdag 06 december 2006 @ 20:16
Goose-2- schreef op donderdag 07 december 2006 @ 09:31

[ Voor 25% gewijzigd door BtM909 op 07-12-2006 13:19 ]