footer met css

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Niels Beckers

Niels Beckers

08/12/2008 16:49:00
Quote Anchor link
Hallo,

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!
 
PHP hulp

PHP hulp

01/10/2022 20:13:32
 
Mitchell

Mitchell

08/12/2008 16:52:00
Quote Anchor link
Heb je een clear gebruikt?
 
Niels Beckers

Niels Beckers

08/12/2008 16:54:00
Quote Anchor link
dit is mijn css code,


#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
 
Mitchell

Mitchell

08/12/2008 16:57:00
Quote Anchor link
Laat die positions weg, die heb je niet nodig.

Edit: Hier heb je een aantal "goede" voorbeelden.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
 
Niels Beckers

Niels Beckers

08/12/2008 17:00:00
Quote Anchor link
bij deze gebeurd, dan gaat die div net onder mijn header staan dat is niet de bedoeling..
 
Mitchell

Mitchell

08/12/2008 17:03:00
Quote Anchor link
Niels schreef op 08.12.2008 17:00:
bij deze gebeurd, dan gaat die div net onder mijn header staan dat is niet de bedoeling..
Dat is vanwege al die andere positions, positions moet je niet zo gebruiken (persoonlijke mening). Goede webtemplates zijn Fluid.
 
Niels Beckers

Niels Beckers

08/12/2008 17:04:00
Quote Anchor link
ja ik vrees dat ik daarvoor niet genoeg ken van css, daarom vraag ik hier om hulp :)
 
ReZon

ReZon

08/12/2008 18:38:00
Quote Anchor link
Ik zie in je bron dat je alles
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 Beckers

Niels Beckers

08/12/2008 19:14:00
Quote Anchor link
ja maar die footer moet steeds mee naar onderen gaan, gebeurd dit dan ook?
 
--

--

08/12/2008 19:19:00
Quote Anchor link
Dan moet je position: fixed; gebruiken.
 
ReZon

ReZon

08/12/2008 20:27:00
Quote Anchor link
Kijk eens op deze site 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.
 
Jan Koehoorn

Jan Koehoorn

08/12/2008 22:02:00
Quote Anchor link
Hij even op mijn pbwiki. Daar staat een voorbeeld.
 
Justin S

Justin S

10/12/2008 01:18:00
Quote Anchor link
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.
 
Niels Beckers

Niels Beckers

14/12/2008 12:28:00
Quote Anchor link
hallo Jan, dankzij jou hulp is het gelukt,

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
 
Pieter Jansen

Pieter Jansen

14/12/2008 21:47:00
Quote Anchor link
valideert de css wel? je kunt om een min height mee te geven toch ook:

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..
 
Tikkes C

Tikkes C

14/12/2008 21:50:00
Quote Anchor link
kijk trouwens eens goed naar je link/pagina.
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
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.