De PHPhulp kroeg
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!
#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
Edit: Hier heb je een aantal "goede" voorbeelden.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
'Niels:
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..
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
@Niels niet als je absolute gebruikt.
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