DIV-positioneringsproblem

HTML & CSS

2 svar · 233 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Trådstart#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

260 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)