Hallo,
Ik ben met een portfolio bezig, alleen zit ik met een probleempje. Ik heb het even geupload:
http://www.soccer-graphics.nl/portfolio/index.html
Als het goed is loopt de header over de gehele breedte. Dit wil ik ook met de footer doen, ik heb alleen geen idee hoe ik dit voor elkaar krijg. Heeft iemand een idee?
De site opent trouwens niet mooi in IE lager dan versie 8. Ook weet ik hier het probleem niet van, de contentblokken staan hierin heel ver uit elkaar.
Alvast bedankt,
Luuk
- Footer spreiden over gehele breedte
-
30-01-2010, 11:48 #1
- Berichten
- 92
- Lid sinds
- 17 Jaar
Footer spreiden over gehele breedte
-
-
30-01-2010, 11:54 #2
- Berichten
- 361
- Lid sinds
- 16 Jaar
footer css width: 100%; ?
-
30-01-2010, 13:15 #3
- Berichten
- 126
- Lid sinds
- 15 Jaar
Luuk,
Je zegt dat je header net zo breed is als het hele scherm, maar dat is niet zo. Je header is gewoon 1000px breed, maar door het repeterende plaatje in de body lijkt het 100% breed te zijn.
Ook heb je #containerheader een hoogte van 162px gegeven, terwijl daar wel de hele pagina in geplaatst wordt, die veel hoger is dan 162px is. Misschien moet je dat eerst even oplossen.
Om je footer onderaan de pagina te krijgen, kan je het best zo te werk gaan:
Ze je div#footer meteen in de body.
En voeg deze style-sheets toe:
body {
position:relative;
}
#footer {
position: absolute:
left: 0;
bottom: 0;
width: 100%;
height: 97px;
}
Je zal nu zien, dat de footer altijd over de contentcontainer heen gelegd wordt. Om dat te verhelpen, geef je de #contentcontainer een padding-bottom van 97px, om ze de footer naar beneden te duwen.
-
30-01-2010, 13:36 #4
SoloHosting | SoloICT
- Berichten
- 194
- Lid sinds
- 19 Jaar
Inderdaad, zoals Ewout al aangaf.
Plaats het footer element onder het "containerheader" element en dus direct in de body, met een breedte van 100% zal deze footer zich altijd spreiden over de gehele breedte van de browser.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic