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

[CSS] container beeldvullend

Door Boris Mattijssen op 11-12-2009 23:07
3.613 views
Hallo allemaal!

Ik zit met een klein css probleempje.
Als je hierheen gaat: http://bwebsites.nl/dvlgroep/page/Sub+van+Home
Zie je zo'n streepje zitten tussen de linker en de rechter "kolom".
Dit is de border-right van de linkse kolom.
Nu wil ik deze helemaal tot aan de onderkant laten doorlopen ook staat daar geen content.

Ik weet dat je dan iets met min-height:100% etc moet doen, maar weet niet precies hoe dat nou werkt?

Kan iemand mij misschien helpen?

Groet,
Boris

ps: de "structuur" is:
html > body > #site > #content > #links en #rechts
T
Tamara
14-12-2009 16:22
in je css helemaal bovenaan in ieder geval dit zetten:

* {
width: 100%;
height: 100%;
}

je #site moet je min-height: 100%; meegeven en dan doet hij het zo uit mn hoofd.
B
Boris Mattijssen
14-12-2009 16:32
@Arwin: ik snap het niet helemaal? Volgens mij is die site niet echt het antwoord..
@Tamara, als ik *{..} toepas, verspringt de hele boel..

Bedankt beide voor jullie antwoord, maar misschien een andere oplossing?
T
Tamara
14-12-2009 16:40
begin anders even opnieuw met de pagina, en zet mijn code er gelijk als eerste in.

ik kon 123 niet vinden waarom het verspringt.

mocht je er alsnog niet uitkomen, mail me dan even naar tamara.silvius [at] gmail [dot] com en dan help ik je verder.
B
Boris Mattijssen
14-12-2009 17:04
Ik vind het eigenlijk vrij logisch dat alles verspringt, je past namelijk op ieder element width en height 100% toe. Volgens mij had je een typo en moest het
html,body { height: 100% ...
zijn?
T
Tamara
14-12-2009 17:19
o ja... dat klopt...

het is:

* {
margin: 0;
padding: 0;
}

en:

html, body {
width: 100%;
height: 100%;
}

sorry voor de verwarring.
B
Boris Mattijssen
14-12-2009 21:47
Beste Tamara,

Ik heb het aangepast.
Maar het wil nog niet echt vlotten.
Ik heb nu #site op min-height: 100% gezet.
(dit werkt goed, als ik met firebug dat element selecteer zie ik dat die loopt van helemaal bovenaan tot helemaal onderaan).

Maar dan nu #container,
Als ik die op height: 100% zet, dan blijft hij gewoon even hoog als de content die erin zit (dus niet tot onderaan de pagina..).

Ik heb voor het voorbeeld #container nu ff een paarse achtergrond gegeven..

Groetjes

Reageren

Inloggen om te reageren