Div's met afgeronde hoekjes + footer altijd onderaan beneden

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
Evert B.
Power Poster
Power Poster
Posts: 414
Joined: Fri Oct 20, 2006 12:07 pm

Div's met afgeronde hoekjes + footer altijd onderaan beneden

Post 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
pedes
Power Poster
Power Poster
Posts: 840
Joined: Tue Jan 27, 2009 11:47 am

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

Post 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
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

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

Post 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
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Evert B.
Power Poster
Power Poster
Posts: 414
Joined: Fri Oct 20, 2006 12:07 pm

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

Post 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)
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

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

Post by Rolf »

Mooi   ;)
Dan is ook deze weer [opgelost]

Rolf
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Evert B.
Power Poster
Power Poster
Posts: 414
Joined: Fri Oct 20, 2006 12:07 pm

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

Post 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.. ?!?
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

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

Post 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
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm
Location: the Netherlands

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

Post 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!
Make your community a better place!
Post Reply

Return to “Dutch - Nederlands”