webForumDet fria alternativet
Logga in / Bli medlem

begränsa bredden på div

HTML & CSS

4 svar · 225 visningar · startad av Picklezz

Medlem sedan jan. 2002414 inlägg
Trådstart#1

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...

Medlem sedan nov. 200013 890 inlägg
#2

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". ;)

Medlem sedan jan. 2002414 inlägg
#3

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...

Medlem sedan nov. 200013 890 inlägg
#4

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.

Medlem sedan jan. 2002414 inlägg
#5

hehe...så sant så =)

257 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)