Verticaal 100%

[Verwijderd]

Voor een klant zijn we bezig een site te bouwen. Momenteel loopt de site op de meeste resoluties niet tot helemaal onder door, maar de klant wil dit wel. Het is natuurlijk ook veel mooier.

Momenteel krijgen we het niet voor elkaar. Het idee is momenteel dat er gelijk in de body root een <div class="total"> zit met de volgende bijbehorende CSS. Wie kan ons helpen om dit goed te krijgen?

De bijbehorende CSS is:

code:

div#total { 
  margin:           0 auto; 
  padding:          0; 
  position:         relative;   
  top:              0; 
  left:             0; 
  height:           608px; 
  width:                750px; 
  background:       url(../img/background.gif) no-repeat bottom left; 
  z-index:          1; 
  border:           1px solid black; 
  border-width:     0 1px 1px 1px;
}

[supakeen]

Een class is met een . een id met #

[--MeAngry--]

zmn heeft sowieso het grootste probleem al duidelijk gemaakt, maar volgens mij kun je DIV's ook geen hoogte van 100% meegeven (wat in dit geval veel handiger is).
Ik los het altijd op met een tabel met een hoogte van 100%.
(En nu niet weer met dat geblaat aankomen dat je altijd veel beter DIV's als tables kunt gebruiken, want hier gaat dat gewoon makkelijker...)

[Verwijderd]

Een class is met een . een id met #

Klopt, maar dit was een typfoutje en dus niet het probleem

[ Voor 14% gewijzigd door Verwijderd op 28-02-2004 11:32 ]

[kleautviool]

Misschien heb je wat aan dit topic.

[crisp]

natuurlijk kan je een div wel een height 100% geven, maar je moet je dan gaan afvragen waarvan hij 100% neemt

[Verwijderd]

--MeAngry-- schreef op 28 februari 2004 @ 11:07:
zmn heeft sowieso het grootste probleem al duidelijk gemaakt, maar volgens mij kun je DIV's ook geen hoogte van 100% meegeven (wat in dit geval veel handiger is).
Ik los het altijd op met een tabel met een hoogte van 100%.

Het kan dus wel, het is alleen zo dat de meeste mensen vergeten of uberhaupt niet weten dat de hoogte van de body niet altijd even hoog is als het venster. Als je in de stylesheet opgeeft dat het body en het html element bijvoorbeeld 100% hoog dienen te zijn, dan kun je ook een div even hoog maken. Of zo'n beetje elk ander element.

(En nu niet weer met dat geblaat aankomen dat je altijd veel beter DIV's als tables kunt gebruiken, want hier gaat dat gewoon makkelijker...)

Je moet geen mensen beledigen die er veel meer van weten dan jij. Dat staat zo dom.

[ Voor 3% gewijzigd door Verwijderd op 28-02-2004 12:38 ]

[DJH]

--MeAngry-- schreef op 28 februari 2004 @ 11:07:
zmn heeft sowieso het grootste probleem al duidelijk gemaakt, maar volgens mij kun je DIV's ook geen hoogte van 100% meegeven (wat in dit geval veel handiger is).
Ik los het altijd op met een tabel met een hoogte van 100%.
(En nu niet weer met dat geblaat aankomen dat je altijd veel beter DIV's als tables kunt gebruiken, want hier gaat dat gewoon makkelijker...)

Zoals je ziet (of niet) gebruikt de topicstarter een doctype voor strict xhtml. Met deze doctype kan/mag je geen table height=100% aangeven. Dat zal niet werken...

[ Voor 2% gewijzigd door DJH op 28-02-2004 16:08 . Reden: typo ]

[Verwijderd]

Hey Cheetah, dat zou nog wel eens kunnen schelen. Ik ging er eigenlijk vanuit dat body gewoon even groot was als het venster maar blijkbaar is dat niet zo... Waar zit het verschil dan?

[chris]

je kan het beste:

Cascading Stylesheet:

html, body: {heigth: 100%; }

in je css opnemen

[Verwijderd]

Verwijderd schreef op 28 februari 2004 @ 15:53:
Hey Cheetah, dat zou nog wel eens kunnen schelen. Ik ging er eigenlijk vanuit dat body gewoon even groot was als het venster maar blijkbaar is dat niet zo... Waar zit het verschil dan?

http://annevankesteren.nl/archives/2004/02/canvas