Probleem met footer (CSS)

Stel hier je vragen over website codering (html, css, php, etc) en het maken en bewerken van websites

Moderators: Gloomy, Walter, Mittch

Probleem met footer (CSS)

Berichtdoor reinier op ma mei 31, 2010 08:41

hej,

ik heb een probleempje

ik ben bezig met mijn eerste website de layout volledig in css aan het plaatsen. maar nu kan ik mijn footer/copyright niet onderaan de pagina krijgen. ik heb 2 blokken in het midden (links en rechts) die groter worden naarmate er meer info inkomt. ik weet niet hoe ik die footer daar onder kan krijgen :(

dit is de link

http://www.mijnbestand.nl/Bestand-YBQ6AOBAYNRC.zip

bij voorbaat dank :D

Gr

Afbeelding
Avatar gebruiker
reinier
 
Berichten: 57
Geregistreerd op: wo apr 07, 2010 21:04

Re: Probleem met footer (CSS)

Berichtdoor skydevil op ma mei 31, 2010 13:00

Ik heb even voor je gekeken en het is heel makkelijk. Je hebt top-margin op 10px staan, daarom staat je Copyright zo hoog. Ik heb gewoon een heel hoog getal ingevoerd (500px) en toen kwam die gewoon netjes onderaan de pagina te staan. Dus daar ligt het aan. Maar normaal gesproken zorg ik dat je dat je de footer (net zoals de andere dingen) laat left-floaten en dan een vaste grote van de div en dan hoef je alleen nog maar de margin tussen de top van de div en de tekst te bepalen.

Overigens het is niet echt handig dat sommige tekst wit is. Toen ik alles selecteerde zag ik pas dat je ook een menu hebt en dat je ook een copyright hebt. Handiger om dit gewoon zwart of zo te maken.

Hopelijk is je probleem nu opgelost.
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Probleem met footer (CSS)

Berichtdoor reinier op ma mei 31, 2010 13:58

ja, zo lukt het wel, maar het veranderd dan niet met de grote van de inhoud in het midden (tekstgedeelte)

hoe maak jij alles centraal als je alles left float? ik heb wel eens ergens gelezen dat je dan clear:both/left/right kan gebruiken, maar ik wil wel dat alles centraal komt te staan

gr
Afbeelding
Avatar gebruiker
reinier
 
Berichten: 57
Geregistreerd op: wo apr 07, 2010 21:04

Re: Probleem met footer (CSS)

Berichtdoor Gloomy op ma mei 31, 2010 14:30

centraal kan je maken door margin-left en margin-right op auto te zetten.

dit doe ik altijd met een div die om ALLES heen zit, en die geef ik deze eigenschappen.

clear left enzo zorgen ervoor dat dit goed komt:

2 divs:
<div style="float:left;"></div>
<div style="float:right;"></div>
<div style="clear:both;"></div>

dit zorgt ervoor dat de 3de div, onder de andere 2 komt in plaats van daarna.
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Probleem met footer (CSS)

Berichtdoor reinier op ma mei 31, 2010 14:52

ik heb het geprobeerd, maar het lukt niet :?
Afbeelding
Avatar gebruiker
reinier
 
Berichten: 57
Geregistreerd op: wo apr 07, 2010 21:04

Re: Probleem met footer (CSS)

Berichtdoor skydevil op ma mei 31, 2010 14:58

Het klopt inderdaad dat mijn eerste optie alleen handig is als je geen dynamische site hebt. Als je wilt dat de footer meegaat met de grote van de content dan moet je het doen zoals Gloomy zei. Om eerlijk te zijn heb ik nog nooit gebruik gemaakt van "clear", want ik zorgde er gewoon altijd voor dat de content vlakken groot genoeg waren zodat de footer er nooit naast kon worden geplaatst (natuurlijk had ik overal float left). Maar op de manier van Gloomy kan het ook. Hoe ik het doe kan ook, want de kans dat iemand een scherm heeft van meer dan 2000px (content is meestal 2x 500px breed en de footer is ook 1000px breed) is heel klein, maar die is er wel, daarom kan je denk ik het beste de manier van Gloomy gebruiken, want daar heb je dat probleem nooit.
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Probleem met footer (CSS)

Berichtdoor reinier op ma mei 31, 2010 15:01

ik bedoelde dat ik de optie van gloomy heb gebruikt, maar dat werkte niet.
Afbeelding
Avatar gebruiker
reinier
 
Berichten: 57
Geregistreerd op: wo apr 07, 2010 21:04

Re: Probleem met footer (CSS)

Berichtdoor Gloomy op ma mei 31, 2010 15:04

wat ik doe:

Code: Selecteer alles
<div id="container">
   <div id="header"></div>
   <div id="content">
       <div class="links"></div>
       <div class = "rechts"></div>
       <div style="clear:both;"></div>
   </div>
   <div id="footer"></div>
</div>


dit is hoe ik dit zou oplossen
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Probleem met footer (CSS)

Berichtdoor skydevil op ma mei 31, 2010 15:22

Waarom zou het zo niet lukken? Je kunt dat clear toch gewoon in je CSS doen? Dus waarom zou dit niet lukken?

Code: Selecteer alles
<div id="container">
   <div id="header"></div>
   <div id="content">
       <div class="links"></div>
       <div class = "rechts"></div>
   <div id="footer"></div>
</div>


Code: Selecteer alles
#links(
float: left;)

#rechts(
float: right;)

#footer(
clear: both;
skydevil
 
Berichten: 412
Geregistreerd op: vr jun 20, 2008 21:47

Re: Probleem met footer (CSS)

Berichtdoor Gloomy op ma mei 31, 2010 15:40

dat zou inderdaad ook moeten werken. ik zelf heb alleen meestal dat mijn footer pagina breed is dus dan kan ik hem moeilijk in de content div kwijt :P
Gloomy
 
Berichten: 2233
Geregistreerd op: ma feb 25, 2008 10:32

Re: Probleem met footer (CSS)

Berichtdoor reinier op ma mei 31, 2010 15:50

bedank, het is gelukt!
ik had position:absolute bij de rechtse en linkse content aanstaan, omdat ze anders niet centraal kwamen te staan :D
ik heb nu een extra div aangemaakt en die om de contents heen gezet en die div heb ik centraal gemaakt :wink:

gr
Afbeelding
Avatar gebruiker
reinier
 
Berichten: 57
Geregistreerd op: wo apr 07, 2010 21:04



Keer terug naar Vragen over Webdesign en codering (html, css, php, ...)

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 0 gasten

cron