webForumDet fria alternativet

positionering: en vänsterkolu, flera höger kolumner

HTML & CSS

2 svar · 454 visningar · startad av eriks

Medlem sedan apr. 20011 418 inlägg
Frågan#1

Hej,

Jag vill ha en stor spalt där all text för sidan ligger (typ 600px bredd). Till höger ska det ligga ett antal informationsboxar ca 150px bredd, 2-3 stycken. Dessa boxar ska alltid finnas på höger sida, oavsett om det inte finns så mycket text i huvudspalten.

Jag testade med float:right, och det fungerar ju väldigt bra sålänge man har så mycket text i huvudspalten så att höjden blir lika hög som mina 2-3 info-boxar. Men om jag inte har så mycket text i huvudspalten lägger de sig istället till "höger om varandra", inte nedanför.

Förslag?

Mvh Erik

Medlem sedan juni 20019 519 inlägg
#2

Kanske:

<div id="main">
	Här kan hur mycket / lite information visas
</div>
<div id="rightContainer">
	<div class="infobox">Infobox 1</div>
	<div class="infobox">Infobox 2</div>
	<div class="infobox">Infobox 3</div>
</div>

och css:

#main {
	width:340px;
	float:left;
}
#rightContainer {
	margin-left: 350px;
}
Medlem sedan apr. 20011 418 inlägg
#3

Det fungerade bra ja! Jag har dock gjort varje infobox med margin-left (istället för en omslutande div), men det är väl en smaksak när det handlar om 2-3 divvar...

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