Problem med längd på div..

Hej!

Jag har två divvar, ena diven ligger i den andra med innehållet. Jag vill att den första diven, som har en bakgrund, ska följa med innehållet och sträcka sig hela över hela sidan på höjden. Men det vill sig inte. Bakgrundsdiven läggs liksom under och följer inte alls med innehållet. Jag har självklart lagt innehålls diven i bakgrundsdiven.

Hoppas ni förstår, lite rörigt där.

"Bakgrundsdiven"
#content {
	padding-left: 20px;
             background:#333333;
	width: 870px;
	height: 100%;
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 20px;
             margin: 0px;

}

"Innehållsdiven"

.column { 
    margin-top: 0px;
    margin-left: 0px;
    padding-right:20px;
    float: left;
    width: 560px;
    position: absolute; 
	
}

.article {
	border: 2px solid #454545;
	background: #333 url("images/index_main_bg.gif") repeat-x top left;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 5px 0px 0px 10px;
             text-decoration: none;
	color: fff;
	}

Tacksam för hjälp...!!

Det är nog float: left; som ställer till det. Behövs den överhuvudtaget?

och din html ser ut?

Tog bort den men det blev ingen skillnad alls.

HTML Koden

<div id="content" class="clearfix">

<div id="welcomestart">
<a href="#" title="kommer snart"><img src="images/startwelc.gif" /></a><br /><br /></div>
<div class="column">

--- MASSOR UTAV ASP KOD ---

	response.write("<div id='article'>")

Ja, o sen avslutas divarna.. Kan berätta att om jag sätter en bestämd längd på content, t.ex "1000px" då blir det ju korrekt på såvis att den sträcker sig över hela sidan, men ni förstår att det inte håller att alla sidor har den längden då inte alla undersidor kommer ha samma innehåll.

Plocka den renderade htmlen istället. Öppna sidan i en webbläsare och välj "Visa källa"

Varför inte göra en loop av bilden (och köra färgen) på content diven?

En annan fråga:
Varför köra <br /><br /> om du vill ha "luften" kan du göra det med CSS istället?

position: absolute; i innehållsdivven gör väl att den inte trycker ner den omslutande divven som du tänkt dej? Inte float heller.

Förresten: att definera BÅDE position och float till samma div är väl inte helt kosher....

<div id="content" class="clearfix">

<div id="welcomestart">
<a href="#" title="kommer snart"><img src="images/startwelc.gif" /></a></div>
<div class="column">
<div class='article'>
</div>

<div class="columnright">

</div>
</div>
<div id="downcontent">
<center>
</center>
</div>
</div>

Nu har jag silat bort lite, men där iaf html koden..

Okej, framsteg.. nu fungerar det som det skall i både Firefox och opera men INTE i IE6 ... i Internet Explorer 6 så hamnar en div som är höger om articlediven ovanför just articeldiven.. Hur kommer det sig?

Såhär ser den diven ut..

.columnright {
	color: #eee;
	float: right;
	width: 250px;
      margin-top: 0px;
    padding-right:20px;

}

Bifogar en bild på hur det ser ut nu..

Tacksam för hjälp...

Om du har en padding på 20px åt ett håll (höger) så måste du räkna med det i din width också.