Problem med längd på div..

11 svar · 620 visningar · startad av Jeppeweb 13 nov. 2007

JeppewebMedlem sedan sep. 2006462 inlägg

Frågan13 nov. 2007 09:15#1

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...!!

fiddlerMedlem sedan juli 20023 617 inlägg

13 nov. 2007 09:19#2

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

voigtann1Medlem sedan juni 20019 519 inlägg

13 nov. 2007 09:20#3

och din html ser ut?

JeppewebMedlem sedan sep. 2006462 inlägg

13 nov. 2007 09:21#4

Tog bort den men det blev ingen skillnad alls.

JeppewebMedlem sedan sep. 2006462 inlägg

13 nov. 2007 09:25#5

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.

colioneMedlem sedan juni 20014 421 inlägg

13 nov. 2007 09:34#6

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

voigtann1Medlem sedan juni 20019 519 inlägg

13 nov. 2007 09:37#7

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?

Danne VMedlem sedan aug. 20068 090 inlägg

13 nov. 2007 10:42#8

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....

JeppewebMedlem sedan sep. 2006462 inlägg

13 nov. 2007 11:11#9

<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..

JeppewebMedlem sedan sep. 2006462 inlägg

13 nov. 2007 11:27#10

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;

}

JeppewebMedlem sedan sep. 2006462 inlägg

13 nov. 2007 11:29#11

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

Tacksam för hjälp...

voigtann1Medlem sedan juni 20019 519 inlägg

13 nov. 2007 12:45#12

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å.