begränsa bredden på div

Använder denna lilla xhtml:

<div class="content">
<div class="menu">Rödffdsddfsdsffdsdsffds bakgrund<br>ass</div>
<div class="body">Blå bakgrund</div>
</div>

och följande css:

div.content {
	float: left;
	margin-left: 0px; 
	width: 1000px; LINE-HEIGHT: 20px; MARGIN-RIGHT: 0px;
}

div.menu {
	border: #333333 1px dashed;
	float: left; 
	width: 110px; 
	background-color: #f00;
}

div.body {
	margin-top: 0px; 
	border: #333333 1px dashed;
	width: 880px; background-color: #00f

}

Känns inte som om detta är bästa sättet att få två kolumner på? Vill använda xhtml...alltså skall man inte använda tabeller annat än till att presentera data och dessa två kolumner är för design...

Jag tycker att det ser helt okay ut. :)
Fast du har ett <br> där det borde vara ett <br />.

PS. Enligt HTML-standarden får du använda tabeller till vad du vill.
Om du däremot vill följa WAI-riktlinjerna så bör du bara använda tabeller för "tabbulär data". ;)

så är det nog ja...

men jag känner att det känns obehagligt att inte definiera positionen för andra diven...men det funkar ju så jag kör på det...

men jag känner att det känns obehagligt att inte definiera positionen för andra diven

Du behöver nog jobba med din rädsla om du tycker att det där är "obehagligt". :e

Definierar du positionen kommer den ju inte att kunna anpassa sig efter höjden på den övre diven.

hehe...så sant så =)