Kleine CSS opdracht | Deadline: 31/05

**Casper van C.** · 753 × bekeken sinds 30-05-2008, 15:23

Titel van de werkzaamheden:
Kleine aanpassing aan css

Soort werkzaamheden:
CSS/HTML

Omschrijving van de werkzaamheden:
De layout, zoals hier getoond : http://www.gmis.nl/klanten/DHNL/layout/index.html heeft de footer niet goed gepositioneerd. Hij moet onderaan komen. Het kan zijn dat de content de langste is, of de menu's in de rechterkolom de langste is. In beide gevallen geldt dat de footer onder de langste moet komen (ik hoop dat ik het goed uitleg).

Budget voor dit project:
Geef maar aan wat je denkt dat het kost

Deadline:
31/5/08

BTW-nummer verplicht:
ja

Voorbeelden:
Zie hierboven de link

Alle overige informatie:
Geen overige informatie. Voor vragen kun je hier posten of me een PM sturen.

Greetz!

~Jasper~

**Emile Nijssen** · 30-05-2008, 15:26

Probeer eens clear:both toe te voegen aan de footer css.

**Casper van C.** · 30-05-2008, 15:39

Origineel gepost door Emile Nijssen

Probeer eens clear:both toe te voegen aan de footer css.

Nope. Maakt niet uit :S

Toch bedankt voor de moeite :)

~Jasper~

**M. Steltenpool** · 30-05-2008, 15:40

Rightcontentcontainer positie absolute weghalen

Edit: zie dat er dan nog een klein opmaakfoutje is, maar deze zal misschien makkelijker op te lossen zijn.

Dan dien je wel weer clear: both; terug te zetten in de footer (toen ik keek had je deze er namelijk al ingezet)

**gast2960** · 30-05-2008, 15:45

Zie ook: https://www.sitedeals.nl/html-xhtml-a...je-footer.html

Op http://ryanfait.com/sticky-footer/ staat de oplossing voor de footer.
Ik weet niet of je het nu zelf kan?

edit: Als je het nu naar me opstuurd, kan ik er msischien even naar kijken.
msn: mail(ed)gijsbertsimon.(dot)com

**Casper van C.** · 30-05-2008, 15:53

Origineel gepost door M. Steltenpool

Rightcontentcontainer positie absolute weghalen

Edit: zie dat er dan nog een klein opmaakfoutje is, maar deze zal misschien makkelijker op te lossen zijn.

Dan dien je wel weer clear: both; terug te zetten in de footer (toen ik keek had je deze er namelijk al ingezet)

Het werkt :) Maar bedoel je met layout foutje dat de rechterkolom gezakt is? Want dat is (dus) niet goed...

Greetz,

~Jasper~

**Casper van C.** · 30-05-2008, 15:55

Origineel gepost door gast2960

Zie ook: https://www.sitedeals.nl/html-xhtml-a...je-footer.html

Op http://ryanfait.com/sticky-footer/ staat de oplossing voor de footer.
Ik weet niet of je het nu zelf kan?

edit: Als je het nu naar me opstuurd, kan ik er msischien even naar kijken.
msn: mail(ed)gijsbertsimon.(dot)com

Hoi :)

Ik ben echt een knurft als het gaat om CSS layouts. Als je naar de css wil kijken? Hij staat hier : http://www.gmis.nl/klanten/DHNL/layout/style.css

Greetz,

~Jasper~

**M. Steltenpool** · 30-05-2008, 18:02

Rightcontentcontainer nog even van top: 10px naar margin-top: -33px; maken.

Daarna even je footer testen middels content te plaatsen etc.

**gast2960** · 30-05-2008, 19:02

Origineel gepost door Jasper

Hoi :)

Ik ben echt een knurft als het gaat om CSS layouts. Als je naar de css wil kijken? Hij staat hier : http://www.gmis.nl/klanten/DHNL/layout/style.css

Greetz,

~Jasper~

Ik ben er mee bezig,
er kloppen heel wat dingen niet in de css ;)

edit:
de index: http://gijsbertsimon.com/slice/dhnl/index.html
de ccs: http://gijsbertsimon.com/slice/dhnl/css.css

Ik heb de footer onderaangezet, en een paar verbeteringen aangebracht in de css en html.
Tip: maak minder gebruik van position:absolute. Position absolute is ervoor om een div over iets heen te zetten. Niet om in de pagina stuctuur aan te brengen. ;)
Positioneren kan het met float, margin, en padding. Dit heb ik nu aangepast.

Het probleem dat de footer niet onderaan kwam lag aan de container. Doordat er bijna overal position absolute werd gebruikt kwam de container niet veel verder dan het menu (wanneer je de achtergrond kleur verandert kan je dat zien). Door overflow:hidden te gebruiken op de container zou heel het probleem opgelost moeten zijn, maar aangezien er overal werd gepositioneerd met absolute werd alles weggeknipt.;)

Gr. Gijsbert

Kleine CSS opdracht | Deadline: 31/05