Photoshop-Tutorials.nl - Photoshop Forum

[reinier]

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

Gr

[skydevil]

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.

[reinier]

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

[Gloomy]

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.

[reinier]

ik heb het geprobeerd, maar het lukt niet

[skydevil]

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.

[reinier]

ik bedoelde dat ik de optie van gloomy heb gebruikt, maar dat werkte niet.

[Gloomy]

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

[skydevil]

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;

[Gloomy]

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

[reinier]

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

gr