[XHTML/CSS] Div moet grote aannemen van parent

[Buzzin Hornet]

Op dit moment ben ik bezig met de nieuwe layout voor een Metal E-zine en voor het eerst echt met een DIV layout begonnen. Het werkt allemaal goed en aardig op een punt na (heb je altijd). Ik zal het zo goed mogelijk uit proberen te leggen met voorbeelden.

Wat ik als opbouw heb binnen mijn site is:

code:

<div id="container">
  <div id="topcorner"></div>
  <div id="header"></div>
  <div id="menu"></div>
  <div id="content">
    <div id="left"></div>
    <div id="right"></div>
  </div>
  <div id="copyright"></div>
</div>

De StyleSheet die erbij hoort is hier te vinden:
http://metalrage.mine.nu/include/green_style.css

Er zit nog een hoop zooi in de stylesheet omdat ik heel veel aan het proberen ben.
De site zelf is natuurlijk te bewonderen op http://metalrage.mine.nu/

Nu het probleem. De DIV met id right moet even hoog zijn als de parent content. Maar natuurlijk doet die dit niet. Ik heb de parent een hoogte gegeven van 100% en daarvan de parent idem. (enzenz)

Maar de div right die krijg steeds de grote die die nodig heeft. (ook in Firefox en met MyIE2 met Gecko Engine)
Dit krijg je nog beter te zien als je naar de het volgende interview gaat:
http://metalrage.mine.nu/articles/89

Ik heb al van alles geprobeerd, waaronder de parent een vaste grote te geven, dan gaat right wel helemaal mee tot onderaan, het ligt dus aan mijn stylesheet maar wat precies dat weet ik nog niet. Ik heb nooit veel gebruik gemaakt van StyleSheets en heb altijd lopen kloten.

Ik hoop dat een van jullie mij kan helpen! Ik ben ondertussen wel verder aan het proberen dus let niet op eventuele errors etc...

Edit:
Ik vraag me af of deze nou hier hoort of in Webdesign & Graphics. Verplaats hem anders maar!

[ Voor 11% gewijzigd door Buzzin Hornet op 15-05-2004 15:21 . Reden: Toevoeging ]

[Verwijderd]

De div hoeft helemaal niet even hoog te zijn. Je wilt dat de grijze balk doorloopt tot de onderkant van de pagina. Zet die lichte balk dan als achtergrondplaatje van de container.

[Buzzin Hornet]

haha, het is idd zo simpel soms...
Ik heb het niet helemaal gevolgt maar wel een beetje, ik heb de achtergrond kleur van de container die van de balk gemaakt zodat de left div daar overheen gaat.

Maar nu flipt die helemaal in Firefox ff kijken wat ik nu weer fout heb gedaan, maar in ieder geval bedankt. Het is altijd makkelijk als er even iemand naar kijkt die nog niet te moeilijk probeert te denken

Ok, foutje van mijn kant Maar nu heb ik geen wit randje aan de linker kant van de grijze balk. Iemand ideeen?


Dit werkt ook niet trouwens. Waarom niet, als er nu bijvoorbeeld een nieuwsbericht komt die korter is dan de rechter balk dan wordt heel het stuk eronder ook grijs

Update:
Ik heb het nu met een plaatje gedaan en in Firefox pakt die hem nu goed JEUJ! Nu nog in IE

UPDATE 2:

Oplossing was dus inderdaad een plaatje op de achtergrond zetten. Ik heb dit gedaan door een plaatje te maken van 780px breed en 1 hoog, deze is 85 bytes geworden. Bedankt voor de hulp en binnekort is het resultaat te bewonderen op http://www.metalrage.com (SPAM )

[ Voor 50% gewijzigd door Buzzin Hornet op 15-05-2004 18:10 . Reden: Toevoeging ]