[CSS] Divs meerekken

[Verwijderd]

Hallo Tweakers,

Ik zit met het volgende probleem.

Ik ben sinds vandaag bezig met de website www.alanya-kebaphuis.nl en nu wil ik de twee divs aan de zijkant mee laten rekken met de middelste div. Om de drie divs heb ik een container div gegooid met een achtergrondje van 1px hoog en 980 pixels breed het net moet doen lijken of de zijkant divs meerekken. Alleen op 1 of andere manier rekt het niet mee.

CSS: http://www.alanya-kebaphuis.nl/style.css

Alvast bedankt voor het bekijken van mijn probleem.

EDIT: In de compatibaliteitsmodus van IE werkt het wel correct

[ Voor 6% gewijzigd door Verwijderd op 14-01-2010 14:06 ]

[PeterSelie]

Wat jij wil zijn faux columns. Zoek daar even op en je hebt je oplossing

[macciez]

Ik wou hier nog wat nuttigs neerzetten, maar SoaDmaggot heeft het perfect verwoord

[Leftblank]

De niet schokkend nette edoch functionele oplossing is om even 'n clear toe te voegen na je drie kolommen om zo de hoogte mee te nemen, op dit moment clear je zo te zien de middelste kolom niet waardoor de boel de mist ingaat.

HTML:

<div id="rechts">  hier de rechter div </div>
<div style="clear:both"></div>

Er zal ook nog 'n nettere oplossing bestaan hiervoor waarbij je geen extra element nodig hebt om te clearen, maar daarvoor zul je een van de vele codesamples over deze 'faux columns' na moeten zoeken of op de overige Tweakers moeten vertrouwen .

[Spiked]

Of display: table-cell meegeven, een display: table en een display:table-row container eromheen.

[NMe]

Spiked schreef op donderdag 14 januari 2010 @ 14:13:
Of display: table-cell meegeven, een display: table en een display:table-row container eromheen.

Da's bijna hetzelfde als een poten en oren op een goudvis plakken en zeggen dat je een hond hebt. Puur technisch gezien is het een goeie oplossing aangezien het het probleem oplost én je semantisch goed bezig bent. Anderzijds introduceer je wat extra containers en ben je feitelijk een table aan het gebruiken zonder het table te noemen, dus voor mij persoonlijk heeft het een beetje een rare bijsmaak.

[Bosmonster]

Heb het al een paar keer eerder gezegd geloof ik, maar denk bij het bouwen van een website meer in lagen dan in blokken (zoals je deed vroegah met tables). Dan komt een oplossing zoals faux columns eigenlijk natuurlijk.

[InZane]

NMe schreef op donderdag 14 januari 2010 @ 14:42:
[...]

Da's bijna hetzelfde als een poten en oren op een goudvis plakken en zeggen dat je een hond hebt. Puur technisch gezien is het een goeie oplossing aangezien het het probleem oplost én je semantisch goed bezig bent. Anderzijds introduceer je wat extra containers en ben je feitelijk een table aan het gebruiken zonder het table te noemen, dus voor mij persoonlijk heeft het een beetje een rare bijsmaak.

En het introduceert ook wat IE problemen.

[NMe]

InZane schreef op donderdag 14 januari 2010 @ 14:51:
[...]

En het introduceert ook wat IE problemen.

Uiteraard. Totdat IE lief doet én iedereen die IE gebruikt over is naar de nieuwste versie waarin het gefixt is zou ik in elk geval niet afwijken van faux columns.

[MueR]

NMe schreef op donderdag 14 januari 2010 @ 15:10:
Totdat IE lief doet én iedereen die IE gebruikt over is naar de nieuwste versie

Wat heb jij gerookt?

[Verwijderd]

Mensen allemaal hartelijk dank voor jullie oplossingen.

Problem solved!

[MueR]

Hoe dan?

[PeterSelie]

Met de aangeboden oplossingen neem ik aan?