[CSS] sidebar steekt uit de container

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am

[CSS] sidebar steekt uit de container

Post 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
mcDavid
Power Poster
Power Poster
Posts: 377
Joined: Tue Mar 31, 2009 8:45 pm

Re: [CSS] sidebar steekt uit de container

Post by mcDavid »

Komt doordat je allerlei elementen met position:relative positioneert. Haal dat eruit en het staat goed.
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am

Re: [CSS] sidebar steekt uit de container

Post 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??
mcDavid
Power Poster
Power Poster
Posts: 377
Joined: Tue Mar 31, 2009 8:45 pm

Re: [CSS] sidebar steekt uit de container

Post 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.
Post Reply

Return to “Dutch - Nederlands”