3 divs i html

Du vil have to kolonner - og under den højre kolonne skal der være en fortsættelse af den højre?

Det lyder rigtigt svært - og det er næsten umuligt på den måde som du griber det an på - medmindre du placerer de højre oven over den venstre. Meeeeen....

Hvorfor ikke bare lade være med at floate den nederste højre, og istedet putte den ind i den første højre? Så din html bliver

 <div id="Left"></div>
 <div id="right">
    <div id="recentPosts"></div>
 </div>

Så kan du ændre i stylingen så det passer og måske putte det eksisterende indhold i left og right i divs også - og ellers bare have det vandte 2-kolonne system.

Arg, det var vidst en lille tanketorsk fra min side af...

Tak Gustav!

Hej udviklere.

På min side har jeg indtil videre haft 2 divs - én i højre, og én i venste. Men det er sådan at jeg nu skal have en tredje div, under den i højre side. Indtil videre har jeg kunne følgende kode:

CSS kode 

 .clear {
 clear: both;
  }

Men, det virker ikke med 3 divs.

I må meget gerne komme med løsninger, er åben over for alt!

På forhånd tak

EDIT:

Min kode er hér:

 #Left {
  width: 350px;
  height: 600px;
  margin:0 auto;
  margin-left: 30px;
  margin-top: 30px;
  float: left;
 }
 
 #right {
  width: 650px;
  height: 600px;
  margin:0 auto;
  margin-left: 30px;
  margin-top: 30px;
  float: right;
 }
 #recentPosts { 
     background-image:url('images/Honeycombs.png');
     width: 650px;
     height: 300px;
     margin:0 auto;
     margin-left: 30px;
     margin-top: 30px;
     float: right;
 }
 .clear{
  clear: both;
 }

Hej udviklere.

På min side har jeg indtil videre haft 2 divs - én i højre, og én i venste. Men det er sådan at jeg nu skal have en tredje div, under den i højre side. Indtil videre har jeg kunne følgende kode:

CSS kode 

 .clear {
 clear: both;
  }

Men, det virker ikke med 3 divs.

I må meget gerne komme med løsninger, er åben over for alt!

På forhånd tak

EDIT:

Min kode er hér:

CSS kode 

 #Left {
  width: 350px;
  height: 600px;
  margin:0 auto;
  margin-left: 30px;
  margin-top: 30px;
  float: left;
 }
 
 #right {
  width: 650px;
  height: 600px;
  margin:0 auto;
  margin-left: 30px;
  margin-top: 30px;
  float: right;
 }
 #recentPosts { 
     background-image:url('images/Honeycombs.png');
     width: 650px;
     height: 300px;
     margin:0 auto;
     margin-left: 30px;
     margin-top: 30px;
     float: right;
 }
 .clear{
  clear: both;
 }

Måske ville det hjælpe lidt, hvis du også postede din html kode.

 <div id="Left"></div>
 <div id="right"></div>
 <div id="recentPosts"></div>

Det var så lidt :-)