[CSS] Rechtse kolom uitlijnen

[kattapult]

Het lukt me niet om in onderstaande figuur de rechts <div> SIDE B helemaal naar boven te uitlijnen....



EDIT: he? ik hierboven de img tags gebruikt maar hij geeft de afbeelding niet weer?

dus dat witte vlak moet weg....

Css is:

<style type="text/css">

#body {
text-align: left;
width: 100%;
background: url("/path/to/your/background_cols.gif") repeat;
}

#header {
float: left;
width: 80%;
background: yellow;
}

#side-a {
float: left;
width: 10%;
height: 500px;
background: green;
}

#side-b {
float: right;
width: 10%;
height: 500px;
background: green;
}

#content {
float: left;
width: 80%;
height: 500px;
background: red;
}


</style>

------------------------------

<div id="body">

<div id="container">

<div id="side-a">SIDE A</div>

<div id="header">HEADER</div>

<div id="content">CONTENT</div>

<div id="side-b">SIDE B</div>

</div>

[ Voor 10% gewijzigd door kattapult op 13-07-2008 13:17 ]

[H004]

Wat dacht je van:

HTML:

<div id="container">
  <div id="side-a">SIDE A</div>
  <div id="side-b">SIDE B</div> 
  <div id="header">HEADER</div>
  <div id="content">CONTENT</div>
</div>

De div met #body lijkt me volgens mij een foutje, he?

[NMe]

We zijn hier geen quickfix waar je snel even je code en een (niet-werkend, 404) plaatje kunt neerplempen zodat wij het even voor je oplossen. Uit "het lukt me niet om..." kunnen we weinig info halen over wat je al zelf geprobeerd hebt voor een oplossing, en dat hebben we hier toch echt nodig.

Verder: Hoe post je code? / Hoe gebruik je de code tag? en Webdesign, Markup & Clientside Scripting Policy. Als je beiden doorgelezen hebt en je hebt na het proberen van H004's oplossing nog steeds problemen, dan kun je een nieuw topic openen, maar wel graag met onze quickstart in het achterhoofd.