webForumDet fria alternativet

DIV-positioneringsproblem

HTML & CSS

2 svar · 226 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej! Har problem med att få en DIV att lägga sig på rätt ställe. Enligt den bifogade bilden vill jag ha DIVen med ordet "Test" i till höger bredvid den vänstra. Hur löser man detta? Har själv försökt mixtra med attributen float bl a utan lyckat resultat.

#content_inline_left och #content_inline_right ligger båda i #content.

CSS-kod:

#content
{
	width: 718px;
	/*border: #FF0000 solid 1px;*/
	background-color: #FFFFFF;
	/*background-color: #3ABDF9;*/
	padding: 0px 0px 0px 0px;
	margin-left: 21px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#content_inline_left
{
	/*position: relative;*/
	/*float: left;*/
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 500px;
	height: auto;
	/*border-right: #989898 solid 1px;*/
	border: #0A364B solid 1px;
}

#content_inline_right
{
	/*position: absolute;*/
	/*position: relative;*/
	/*float: left;*/
	top: 0;
	left: 500px;
	width: 100px;
	height: auto;
	border: #0A364B solid 1px;
	/*background-color: #FBFFCE;*/
	/*background-color: #28A0D5;*/
	background-color: #FFFFFF;
}
divproblem.jpg
Medlem sedan jan. 2000978 inlägg
#2

För att lägga två blockelement vid sidan om varandra kan du enklast floata båda till vänster.
Sedan kan det vara bra att sätta en bredd på dom.

Medlem sedan apr. 20041 597 inlägg
#3

Jag fick det att fungera precis nyss genom "trial and error" med just float left. Det var mer tur än tur än skicklighet kan jag väl tillägga! :e Tack för svaret ändå! Trevlig helg! :birp

257 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)