Page 1 of 1

[CSS] sidebar steekt uit de container

Posted: Wed Nov 16, 2011 9:34 pm
by andre_designer
hi

Ik ben een site aan het bouwen en ik heb een design-probleem. Ik heb een 3 kolom layout gemaakt en nu steekt één van de sitebars uit de container en de bedoeling is dat de contianer meerekt. ik heb dit al geprobeerd te fixen door een clear:both; aan de footer toe te voegen maar met negatief resultaat. Heeft iemand een idee waar dit door komt en hoe ik dit kan fixen?? de link naar de website is http://test.gravesteyn.com/informatie/i ... leden.html

alvast bedankt

Re: [CSS] sidebar steekt uit de container

Posted: Wed Nov 16, 2011 10:53 pm
by mcDavid
Komt doordat je allerlei elementen met position:relative positioneert. Haal dat eruit en het staat goed.

Re: [CSS] sidebar steekt uit de container

Posted: Thu Nov 17, 2011 5:58 am
by andre_designer
ik heb position:relative weggehaald en de container rekt nu mee maar daar creeër ik weer een oud probleem dat ik eerder had. De header slideshow steekt onder het menu door. Daarvoor had ik position:relative gebruikt. Maar als ik dat dan gebruik dan rekt de container weer niet mee. hoe kan ik dit fixen?? Iemand een idee??

Re: [CSS] sidebar steekt uit de container

Posted: Fri Nov 18, 2011 8:38 pm
by mcDavid
Sowieso door het probleem bij de bron aan te pakken, niet door patch op patch op patch te stapelen. Je vraag moest dus eigenlijk zijn: "hoe komt het dat de imageslider onder de menubalk terecht komt". Welnu: dat komt doordat je ook op je menubalk weer een position op gebruikt. Je moet je goed realiseren dat het gebruik van position de "natuurlijke flow" van je elementen verstoort. Het lijkt altijd wel lekker makkelijk om snel wat dingen heen en weer te schuiven maar uiteindelijk loop je vrijwel altijd tegen problemen aan, zoals je nu aan den lijve ondervindt.

Je CSS is trouwens sowieso veel te lang, er staat een heleboel code in die helemaal niets doet, om te beginnen met de ranzige reset bovenaan. Daardoor maak je het alleen maar lastiger voor jezelf als je met firebug je probleem probeert te vinden.