Div med % bredd.

5 svar · 276 visningar · startad av SannyW 28 juli 2005

SannyWMedlem sedan jan. 2003438 inlägg

Frågan28 juli 2005 21:46#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 245 inlägg

28 juli 2005 23:03#2

#foo { width:170px; float:left; }
#bar { margin-left:170px; margin-top:2px; padding:5px; border:1px solid black; }

InsiderMedlem sedan jan. 2000978 inlägg

28 juli 2005 23:09#3

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

SannyWMedlem sedan jan. 2003438 inlägg

29 juli 2005 05:23#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. 2003438 inlägg

29 juli 2005 14:12#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. 2003438 inlägg

29 juli 2005 14:38#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