PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
S

Div 100% in andere div.

Door Sam op 22-08-2009 22:57
1.032 views
Hallo,

Ik heb ongeveer volgende layout voor m'n site, maar ik krijg hem maar niet goed.
Het is de bedoeling dat div1 de volledige breedte en hoogte inneemt. Dit lukt met:

min-height: 100%;

Maar nu wil ik nog een div namelijk div2 die daarin gecentreerd staat en die ook die volledige hoogte heeft. Ik heb al:

width: 820px;
margin: auto;

Maar alles wat ik probeer om hem 100% hoogte te geven lukt niet. Kan iemand me helpen?

Alvast bedankt

Sam
D
Daniel H
22-08-2009 22:59
is het een staties of een dynamisch layout. Als hij staties is kan je toch gwn een hoogte en breedte opgeven, dan hoe je ook niet met procenten te werken.
S
Sam
23-08-2009 00:08
Het is een dynamische layout, dus een vaste hoogte gaat niet. Die height: 100%; had ik al geprobeerd, maar die werkte niet. Ik heb wel gevonden waarom:

Ik werk standaard in de XHTML1.0 Strict doctype.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;

Om een bizarre reden werken die heights niet in XHTML1.0 Strict. Ik zou m'n site wel graag in die doctype maken, bestaat hiervoor een oplossing?

S
Sam
23-08-2009 11:25
Die werkt idd goed, maar het probleem is dat mijn footer de volledige breedte heeft terwijl de container een vaste breedte heeft.

Zoals in dit voorbeeld wil ik dus dat de gele footer vanonder blijft staan, behalve als er geresized wordt moet hij tegen de cyaankleurige dummy blijven staan (waar hij nu staat).
Wouter De Schuyter
23-08-2009 11:25
Al geprobeerd door bovenaan je css dit te zetten?


div { margin: 0; padding: 0; }

?
Justin S
23-08-2009 13:11
Dat komt omdat je footer buiten de container staat. Dan is het logisch dat deze niet dezelfde breedte heeft als de container en haar contents...
S
Sam
23-08-2009 14:55
Khebbet na heel wat trial & error toch in orde gekregen. Dankzij enkele hints die jullie gaven ben ik der toch geraakt.

Bedankt iedereen!

Resultaat: http://www.samcappelle.be/
F
Fabrice
23-08-2009 14:59
Gebruik eerst 'n DIV id en erin 'n div class?

Bv:

<div id="site">
<div class="navigatie"></div>
</div>


en wil je daar nog iets in, dan doe je:

<div id="site">
<div class="navigatie">
<div class="bla"></div>
</div>
</div>


( Dit is wel samen met CSS hé. :P )
Justin S
23-08-2009 16:22
@ Fabrice, waarom zou zoiets handig zijn?

Een class is voor een object wat je meer keer op een pagina gebruikt.
Een ID is een uniek stukje code wat je voor slechts 1 item gebruikt.

Bijvoorbeeld:

<div id="container">
<div id="menu">
<div class="menubutton">Home</div>
<div class="menubutton">Diensten</div>
</div>

<div id="content">Blablabla</div>
</div>

Reageren

Inloggen om te reageren