Ga naar inhoud

centreren van sticky footer

heroo234

Door heroo234
in Archief Website Hulp & Scripts

 Delen

Aanbevolen berichten

heroo234 Vergevorderde

heroo234

Geplaatst:
Geplaatst:

hallo

voor mijn eindwerk moet ik een website maken. ik ben begonnen maar ik kan mijn footer niet centreren. het is een sticky footer en daar heb ik lang aan gewerkt. het kan zijn dat er wat onnodige commando's in de css staan.

hier is mijn html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<link rel="stylesheet"href="header.css" type="text/css"/>

</head>

<body>

<div class="container">

<div class="header">

<img src="images/header.jpg" alt="header" width="960px" height="150px"class="header"/>

<img src="images/logo.jpg" alt="logo" class="logo" width="150" height="150"/>

<h2 class="mixpop">DJMixPop</h2>

</div>

<div class="content">

<div class="push"></div>

</div>

</div>

<div class="footer">

<img src="images/header.jpg" alt="footer" width="960px" height="20px"class="footer" />

</div>

</body>

</html>

en dit mijn css file:

html,body{

background:black;

width:100%;

margin-left:auto;

margin-right:auto;

/*position:relative;*/

height:100%;

}

.container{

position:relative;

min-height:100%;

height:100%;

margin: 0px auto;

width:960px;

}

/*header*/

div.header{

height:150px;

}

img.header{

position:absolute;

}

h2.mixpop{

position:absolute;

color:white;

width:500px;

left:15px;

top:-50px;

height:100px;

font-size:100px;

}

img.logo{

position:absolute;

right:330px;

}

/*middle*/

div.content{

padding-bottom:20px;

}

/*footer*/

div.footer,div.push{

height:20px;

}

div.footer{

width: 960px;

position: absolute;

bottom: 0px;

clear: right;

}

de afbeeldingen ga ik niet meegeven want die heb ik zelf ontworpen en zou ze later misschien nog willen gebruiken.

wie echt een voorbeeld wil kan mij een pm sturen en dan zal ik de site geven.

Link naar reactie
Delen op andere sites
Gast
Dit topic is nu gesloten voor nieuwe reacties.
 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.