CSS Probleem

Hey,

Ik heb een probleem met css.
Er si een vak waar tekst in moet komen. Maar die moet onder een ander van staan. Maar hij gaat ernaast staan? Hoe komt dat?

Voorbeeld:

Spoiler tonen

En dat moet onder die rechtse balk komen?

CSS:

body {
    height: 100%;
    margin: 15px;
    padding: 0;
    background: #3d0505;
    font: 12px normal sans-serif;
    color: #000000;

}

html {
    height: 100%;
}

#container {width: 1024px; margin: 0 auto;}
#header {background: url(/images/header.png); width: 315px; height: 73px; margin: 0;}
#menu {background: url(/images/menu.png); width: 918px; height: 54px; margin: 0; border-bottom: 10px solid #3d0505;}
#rnav {background: url(/images/rnav.png); width: 237px; height: 32px; float: left;}
#rnavtext {background: url(/images/rnavtext.png); float: left; width: 237px; overflow:hidden;}

Mvg,
jordyvc

float left weg?

Blijft nog altijd hetzelfde?

Wat is je HTML?

Vergeten

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test layout</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="container">
 <div id="header">  </div>
 <div id="menu">  </div>
 <div id="rnav"> Tekst </div>
 <div id="rnavtext"> Tekst lollol lollllo llolololl ollololo lollolool olol lololo lololol olololo lololo lololo lolol ololol ololol lo</div>

</body>
</html>

Probeer bij #rnav & #rnavtext de float left is weg te halen..
Dat moet voor zover ik weet werken

Jah het werkt , Topic zal nog openblijven voor als ik nog problemen heb
toevoeging op 31 maart 2012, 10:55:08:
Hoe kan ik die tweede kolom ernaast zetten? Want als ik float: right; doe dan gaat hij ergens helemaal anders staan?

dan gebruik je float: left; zowel in je 1e als in je 2e kolom

Spoiler tonen

Dit komt er dan te staan.

en kun je een voorbeeld geven hoe je het wel wilt dan? Hier kan ik niks mee omdat ik niet weet wat de bedoeling is

Marjolein schreef:

en kun je een voorbeeld geven hoe je het wel wilt dan? Hier kan ik niks mee omdat ik niet weet wat de bedoeling is

Zo:

Spoiler tonen

Behalve dat laatste onderste witte vlak niet.

oh oke, nu snap ik het
je kunt het beste eerst een div left en right maken met daarin je vakken.
Dus zoiets:
css:

#left {width:237px; float:left; margin:0;}
#right {width:ietspx; float:left; margin: 0;}
#rnav {background: url(/images/rnav.png); width: 237px; height: 32px;}
#rnavtext {background: url(/images/rnavtext.png); width: 237px; overflow:hidden;}
#vakrechts {background: url(/images/bla.png); width:ietspx; height: 32px;}
#vakrechtstext {background: url(/images/blaa.png); width: ietspx; overflow:hidden;}

html:

<div id="left">
   <div id="rnav">bla bla</div>
   <div id="rnavtext">bla bla</div>
</div>

<div id="right">
   <div id="vakrechts">bla bla </div>
   <div id="vakrechtstext">blabla </div>
</div>

Het werkt