footer met css
Ik zit met een probleem met mijn footer, deze zit te kort tegen mijn inhoud div, ik vermoed dat ik deze op een of andere reden een float moet meegeven maar ik raak er niet uit,
kan iemand mij hier even bij helpen?
Het probleem kan u hier zien: http://www.denbeckers.com/blog/
Iedereen die even wil kijken alvast bedankt!
Heb je een clear gebruikt?
#footer
{
bottom: 10px;
position: absolute;
width:100%;
margin:10px auto;
text-align:left;
padding:0px;
}
.footervlak
{
margin:10px auto;
text-align:left;
height:20px;
width:500px; /* bijvoorbeeld*/
position: relative;
background-color:#FFFFFF;
}
wat moet ik net doen met die clear? (ik begrijp de css nog niet optimaal)
Gewijzigd op 01/01/1970 01:00:00 door Niels Beckers
bij deze gebeurd, dan gaat die div net onder mijn header staan dat is niet de bedoeling..
Niels schreef op 08.12.2008 17:00:
Dat is vanwege al die andere positions, positions moet je niet zo gebruiken (persoonlijke mening). Goede webtemplates zijn Fluid.bij deze gebeurd, dan gaat die div net onder mijn header staan dat is niet de bedoeling..
ja ik vrees dat ik daarvoor niet genoeg ken van css, daarom vraag ik hier om hulp :)
position: absolute;
top: ...px;
left: ...px;
hebt staan.
dit kan je ook doen met je footer
En als je wilt floaten in je div zeg je float: left;
margin: 50px 73px; bijvoorbeeld
Gewijzigd op 01/01/1970 01:00:00 door ReZon
ja maar die footer moet steeds mee naar onderen gaan, gebeurd dit dan ook?
Dan moet je position: fixed; gebruiken.
http://www.w3schools.com/CSS/default.asp dan leer je gelijk wat de betekenissen zijn van b.v. fixed , absolute , relative , ze laten ook voorbeelden zien van hoe het werkt.
@Niels niet als je absolute gebruikt.
Kijk eens op deze site @Niels niet als je absolute gebruikt.
mijn pbwiki. Daar staat een voorbeeld.
Hij even op Je moet je DIV een relative position meegeven en een clear gebruiken zodat alles op een nieuwe regel begint. Vervolgens kan je dan met margin-top: een bepaalde waarde meegeven waarmee je een ruimte kan creëeren tussen de content div en je footer div.
Er is nu enkel nog het probleem doordat ik mijn header er op zet, dat hij weer 200px naar beneden schuift,
http://www.denbeckers.com/blog/
Iedereen al bedankt (want dit is niet meer het ergste al ik gewoon zie dat ik genoeg content heb :) )
(opgelost: ik heb de header bij in de tabel gestoken (ja ik weet het tabbellen zijn niet voor opmaak enkel voor data) maar nu ik heb bereikt wat ik wou dus iedereen bedankt)
Gewijzigd op 01/01/1970 01:00:00 door Niels Beckers
min-height:800px;
height: auto !important;
height:800px;
hierdoor doet hij minimaal 800px en door de !important pakt ie wel alles automatisch mee. voor IE en het gebroken box model pakt hij de height langer dan 800px alsnog automatisch mee..
ergens beneden spuit het wit uit je grenzen, ook je header mist.
(Zie footer, je copyright staat fout!
dit is op te lossen zoals in de post hierboven staat)
Ik neem aan dat de kleuren nog niet van toepassing zijn.
Gewijzigd op 01/01/1970 01:00:00 door Tikkes C