webForumDet fria alternativet

Diven blir inte 100%

4 svar · 552 visningar · startad av Akerlundh

AkerlundhMedlem sedan maj 20031 682 inlägg
#1

Hejsan.

Jag har ett lite problem med mina divar.

Jag har en div "main" och i den diven har jag "mainleft & mainright".
Och om det blir jätte mycket text i main left så fölljer inte main med utan den bara stannar på "height:typ 10px;" eller nått sånt.

Men jag vill att diven main ska va 100% helatiden så den ska anpassa sig efter övriga divar som ligger innuti main.

div koden.

<div id="main"> 
	<div id="mainleft">här är jätte mycket text</div>
	<div id="mainright"><p>Main right (Submenu)</p></div>
</div>

här är css koden.

#main {
	background-image: url("../gfx/bg-content.gif");
	height:auto;
	width:880px;
	margin: 0 auto;
	padding: 10px;
}
#mainleft {
	float:left;
	background-color:#dfdfdf;
	width:600px;
	height:auto;
}

#mainright {
	float:left;
	background-color:#999;
	width:200px;
	height:auto;
}
AkerlundhMedlem sedan maj 20031 682 inlägg
#2

Ingen som har någon aning om vad felet är ?

/red

Koden funkar alldelse utmärkt i IE men inte i FF

jawbreakerMedlem sedan jan. 2003296 inlägg
#3

Det bör räcka med att du lägger till overflow: hidden; på #main.

AkerlundhMedlem sedan maj 20031 682 inlägg
#4

jawbreaker skrev:

Det bör räcka med att du lägger till overflow: hidden; på #main.

Tusen tack!

Någon som vet var man kan hitta fler bra CSS koder som denna?
Själv vet jag bara WDS men dom har bara grunderna där.

jawbreakerMedlem sedan jan. 2003296 inlägg
#5

Varsågod!

Jag har tyvärr inga bra länkar till sajter som samlat ihop liknande knep, utan har väl plockat upp saker - både på nätet och i böcker - efter hand att problem har uppstått. Just det här problemet är nästan lite av en klassiker som går att läsa om här och var (sök på "clearing floats" eller liknande), och det finns ett antal sätt att lösa problemet på.

Hoppas att någon annan har lite tips på bra CSS-sidor att kolla på.

125 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)