[CSS] container beeldvullend
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
Gesponsorde koppelingen:
Daarmee bouw je makkelijk je website op.
Succes
* {
width: 100%;
height: 100%;
}
je #site moet je min-height: 100%; meegeven en dan doet hij het zo uit mn hoofd.
@Tamara, als ik *{..} toepas, verspringt de hele boel..
Bedankt beide voor jullie antwoord, maar misschien een andere oplossing?
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.
html,body { height: 100% ...
zijn?
het is:
* {
margin: 0;
padding: 0;
}
en:
html, body {
width: 100%;
height: 100%;
}
sorry voor de verwarring.
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
