Page 1 of 1

Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Sun Nov 08, 2009 10:02 pm
by Evert B.
Mensen!

Ik zit met een probleempje.
Ik ben al een tijd aan het rotzooien met een site en die moet nu snel af zijn wat mij betreft. Ik wil graag op een gemakkelijke manier div's maken die verschillend van hoogte zijn en die wel een rand hebben met ronde hoekjes.
Ik dacht dus:
- ik maak een bovenste afbeelding
- ik maak een middelste afbeelding die ik laat herhalen (verticaal)
- ik maak een onderste afbeelding

Zie http://hetpaleodieet.nl/test/ en kijk dan naar het grijze blok rechts. Ik krijg de div's maar niet op elkaar, er blijft altijd een marge tussen. Is er geen makkelijkere manier? Ik denk het wel want ik zie het op verschillende sites, of maken die steeds een nieuwe achtergrondafbeelding op lengte?

Op dezelfde site http://hetpaleodieet.nl/test/ kun je zien dat de rechter kolom over de footer heen gaat. Dit krijg ik ook maar niet weg... Wie weet de oplossing?

Thanks Nuc

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Mon Nov 09, 2009 7:15 am
by pedes
dit is in principe niet cmsms gerelateerd ... wel pure css

als ik van u was zou ik in ieder geval uw samenhorende div's in een wrapping div stoppen
ivm. uw 'right nav' ... uw element heeft geen css beschrijving ... zou kunnen dat dit de reden is van de "gaps" boven en onder

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Mon Nov 09, 2009 7:21 am
by Rolf
Installeer de firebug plugin voor Firefox, dan kun je zo zien waar de div's zich bevinden én wat er fout gaat...
http://forum.cmsmadesimple.org/index.ph ... 163.0.html

Grt. Rolf

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Mon Nov 09, 2009 11:13 am
by Evert B.
De firebug is een goeie tip, alhoewel het nog even duurt voor ik precies weet hoe alles werkt.

Ik heb de ronde hoeken kunnen maken met CSS: http://kalsey.com/2003/07/rounded_corners_in_css/
Zie het resultaat: http://hetpaleodieet.nl/test/ (rechter oranje div)

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Mon Nov 09, 2009 6:25 pm
by Rolf
Mooi   ;)
Dan is ook deze weer [opgelost]

Rolf

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Tue Nov 10, 2009 5:34 pm
by Evert B.
Rolf wrote: Mooi   ;)
Dan is ook deze weer [opgelost]

Rolf
Behalve de footer, die krijg ik niet altijd beneden als de rechterkolom ietsje langer/hoger is.. ?!?

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Wed Nov 11, 2009 8:32 pm
by Rolf
Nucleus,

Voeg aan de footer clear: both; toe
En je kunt aan de kolom een margin-bottom: 10px geven
Dan zou de footer er onder moeten blijven

Rolf

Re: Div's met afgeronde hoekjes + footer altijd onderaan beneden

Posted: Sat Nov 14, 2009 11:52 pm
by M@rtijn
nucleus wrote:
Rolf wrote: Mooi  ;)
Dan is ook deze weer [opgelost]

Rolf
Behalve de footer, die krijg ik niet altijd beneden als de rechterkolom ietsje langer/hoger is.. ?!?
Ik raad je aan deze eens door te nemen: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Die werkt naar mijn mening het beste!