aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

div's - ik zal het nooit leren...

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

div's - ik zal het nooit leren...

Berichtdoor julien » 05 sep 2011 21:17

Hoi allemaal, lang geleden. :oops:

Onze dochter haar school heeft een verschrikkelijke frontpage site, dus ik zal mijn goed hart weer eens tonen. :mrgreen:

Ik ben een poging aan het doen om een site voor hen te maken, maar het wil me niet goed lukken. De 'voet' wil niet onder alle inhoud gaan hangen. Iemand een idee wat ik fout doe?

http://www.cadsite.be/baai/
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 05 sep 2011 21:54

OK, dankzij:
http://www.webcreationz.nl/de-ultieme-s ... ooter-code
lukte het me om de footer altijd onderaan te krijgen, maar nu wil deze niet in het midden gaan staan. :(
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor Remi » 05 sep 2011 22:06

Geef in je css aan #voet een margin: 0 auto;
Dan wordt die in het midden uitgelijnd.
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 06 sep 2011 19:37

Schitterend!

Bedankt voor het snelle antwoord hé. ;)
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 06 sep 2011 20:45

Eens ik begin te vragen stop ik niet meer hé. :mrgreen:

Ik gebruik een "fixed footer" via css. Alleen blijkt het stukje:

margin: 0 auto -35px; /* hoogte footer */

niet echt te helpen om er voor te zorgen dat de inhoud stopt voor de footer en er niet onder door loopt.
Een idee hoe dit wel op te lossen is?
Je hebt geen permissies om de bijlage(n)) in dit bericht te zien.
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor Remi » 06 sep 2011 21:20

Gebruik altijd deze aanpak:
http://ryanfait.com/sticky-footer/

Wat jij dus nog mist is een "push" div. Deze is leeg, maar zorgt dat er ruimte gereserveerd blijft voor de footer. Gebruik daarnaast geen absolute position attributen (top, left, bottom, right)
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 11 sep 2011 20:34

Een beetje laat, sorry...
Er is in de methode die ik vond ook een push div, alleen wordt het daar spacer genoemd.

#spacer { height: 25px; /* hoogte footer */
clear: both;}

Wat ik wel doe is de div 'inhoud' een absolute waarde geven. Dit zou dan niet mogen? :?
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 15 sep 2011 20:44

Ik ben weer wat aan het klooien geweest.

De css is al een beetje opgekuist.
Ik ben afgestapt van een sticky footer. Op grote schermen met hangt die wat verloren.

Alleen... Hoe krijg ik mijn footer nu onder mijn tekst en niet in het midden van het scherm?

http://baai.cadsite.be

bedankt!
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk

Re: div's - ik zal het nooit leren...

Berichtdoor Remi » 16 sep 2011 19:28

Bij mij staat die er gewoon onder. ;)
Zowel in FF als Chrome
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: div's - ik zal het nooit leren...

Berichtdoor julien » 16 sep 2011 19:32

yep, 't is net gelukt. FEEST!!! :ugeek:

De site is nog niet af, dus jullie gaan mij hier nog vaak horen. :twisted:
Avatar gebruiker
julien
wmpr
 
Berichten: 2195
Geregistreerd: 28 nov 2003 16:21
Woonplaats: Kortrijk


Keer terug naar HTML, CSS, Javascript



cron