webForumDet fria alternativet

Div med % bredd.

5 svar · 276 visningar · startad av SannyW

SannyWMedlem sedan jan. 2003447 inlägg
#1

Nu behöver jag lite motivationshjälp, börjar bli förbannad på detta med % i div.

Försöker få till det typ som webforum har det att hela sidan skall användas. Alltså att man har en div som är satt till "100%" av sidan resterande del.

typ:

<div width='170'></div><div width='100%'></div>

Saknar min table...... :r

Vad är det jag missar, har testat men finner inte svaret.

div#left_col
{
	margin: 0px;
	padding: 0px;

	width: 170px;
	float:left;

}

div#right_col
{

	width: 100%;
	margin: 2px 0 0px 0px;
	padding: 5px;

	border: solid 1px black;
	float:left;

}
zcorpanMedlem sedan dec. 20042 269 inlägg
#2
#foo { width:170px; float:left; }
#bar { margin-left:170px; margin-top:2px; padding:5px; border:1px solid black; }
InsiderMedlem sedan jan. 20001 003 inlägg
#3

Här dök problemet upp senast:
http://www.webforum.nu/showthread.php?s=&postid=1071340#post1071340

SannyWMedlem sedan jan. 2003447 inlägg
#4

Tack för era svar, ledsen att jag missade den tråden i sökning. en veckan gammal :r

lösningen var som ni sa, att inte skriva 100%. samt att ta bort float på den ena.

div#left_col
{
	width: 170px;
	float:left;
}

div#right_col
{
	margin: 3px 3px 0px 185px;
	padding: 5px;
	border: solid 1px black;
}
SannyWMedlem sedan jan. 2003447 inlägg
#5

Slänger upp en följd fråga, varför går det inte bara att vända på det hela. Alltså att ha bestämd längd till höger och sätta den som float:right. och en margin right på vänster div?

SannyWMedlem sedan jan. 2003447 inlägg
#6

Ibland blir man bara trött, tydligen var det bara att ändra på följden som det läses in. alltså att skriva right_col före left_col.

Trots att det är löst så känns det lite som en halv lösning då kod ordningen spelar roll för layouten. Men det kan även tolkas som att jag är för kass på detta...... :r

127 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
123 ms — hämta forumlista (db)
124 ms — hämta tråd, inlägg och bilagor (db)