[CSS] automatisch div uitrekken?

Status
Niet open voor verdere reacties.
BrEeZeR

BrEeZeR

Inventaris
Lid geworden
27 apr 2001
Berichten
12.877
Hey,

Weer een vraagje betreft CSS (Het is toch wat :p). Ik ben nu weer bezig met mijn website, en alles gaat prima.. in IE en FF ziet het er goed uit en alles is strict enzo.

Het probleem waar ik tegenaan loop is het volgende:

De site bestaat uit een aantal divs:

Container (Hier staat alles in, dus alle divs staan onder deze div).
Header
Content
Menu
Tekst
Footer

In de div "tekst", staat zoals je al verwacht de content. Dit moet een flexibele div zijn die groter moet kunnen zijn als er meer tekst in staat.

Nu ben ik de hele middag al bezig met dit probleem, maar kom er echt niet uit. Ik wil geen "overflow", want dan krijg je gewoon een soort van iframe waar je tekst in komt. Ik wil gewoon dat de div "content" meegaat met de tekstdiv en dat de footer daar weer onder blijft staan.

HTML: 
	div#content
	{
		position: absolute;
		width: 736px;	
		height: 400px;
		top: 125px;
		left: 15px;
		background-color:#FFFFC0;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		z-index:1;	
	}

	div#content_rechts
	{
		position: absolute;
		width: 500px;	
		height: 300px;		
		background-color: #FFFFFF;
		top: 15px;
		left: 180px;
		border: 2px dotted #000000;	
		
	}

	div#footer
	{
		position: absolute;
		width: 743px;
		height: 34px;
		left: -5px;
		bottom: -33px;
		background: url('images/footer.jpg');
		background-repeat: no-repeat;		
	}

Iemand een idee hoe ik dit voor elkaar kan krijgen? Want ik heb nog geen oplossing gevonden. :confused:

Greetz,

Dennis
 
Ik weet het niet zeker maar verwacht dat dat niet gaat lukken icm "position: absolute;"
 
Heb ook al "relative" geprobeerd, maar niks lijkt te lukken. Zit er zwaar over te denken maar weer tabellen te gebruiken mocht het echt niet mogelijk zijn.

Zie er nu alweer tegenop, want XHTML / CSS is mooi werk... super overzichtelijk en makkelijk, maar ja als bepaalde dingen niet kunnen houdt het op.
 
BrEeZeR zei:
Ik wil gewoon dat de div "content" meegaat met de tekstdiv en dat de footer daar weer onder blijft staan.
Klik om te vergroten...
Dit voorbeeld gebruikt een absoluut geplaatse div aan de buitenkant en twee 'static' binnenin:
HTML: 
<html>
 <head>
  <title>div div</title>
 </head>
 <body>
  <div style="position: absolute; left: 200px; top: 100px; width: 240px; padding: 2px; background-color: #09c;">
   <div style="position: static; width: 100%; height: 120px; padding: 2px; overflow-y: visible; background-color: #9c0;">
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
    Pa's wijze linx bezag vroom het fikse aquaduct.
   </div>
   <div style="position: static; width: 100%; height: 60px; padding: 2px; background-color: #fc0;">
    ---
   </div>
  </div>
 </body>
</html>
Bij de binnenste div's past de hoogte van de bovenste zich aan door overflow-y: visible; en de onderste gaat daarbij mee naar beneden.

Zou het niet op zo'n manier kunnen?


Vr.Gr. Egel.
 

Bijlagen

Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan