Design extensible, AU SECOUR !

Fermé
webmini - 12 juin 2009 à 23:12
 webmini - 13 juin 2009 à 20:42
Bonjour,
je souhaiterai faire une page d'acceuille adaptable a un maximum de resolution.
Voila un apercu de mon code xhtml

<body>

<div id="en_tete">
<img class="top1" src="top.gif" />
</div>

<div id="menu">
<h3>
</h3>
</div>

<div id="corps">
<img class="acceuil" src="acceuil.png" alt="image d'acceuill"/>
</div>

<div id="pied_de_page1">
</div>

<div id="pied_de_page2">
</div>

</body>


Et voici le css

body
{
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 auto;
}

#en_tete
{
width: 100%;
height: 75px;
background-color: black;
}

#menu
{
width: 100%;
height: 26px;
background-color: yellow;
}

#corps
{
height: 100%;
background-color: black;
}


#pied_de_page1
{
width: 100%;
height: 26px;
background-color: yellow;
}

#pied_de_page2
{
color: rgb(200,200,153);
width: 100%;
height: 75px;
background-color: black;
}


Voila, donc je voudrais que le corps s'adapte a la page du navigateur et qu'il pousse les pieds de page 1 et 2 vers le bas selon les besoins afin que toute la fenêtre soit exploité .
Je ne peux pas utiliser des hauteur en pourcentage pour l' en tête car j'ai une image dedans qui fait 75px de hauteur, et je veux que mon pied de page2 soit de meme dimension que mon en tête, donc 75px de haut aussi. Pour avoir mon menu (horizontale) proportionelle à l'en tête j'ai fixer une hauteur à 26px (que l'on retrouve sur le pied de page 1).

Je débute et j'avance a taton, mais la ca fait 2 jour je bloque sur ca donc je cris au secour !!! Comment ca marche ?!?

p.s.: Ensuite je pense que j'aurai besoin d'aide pour centrer l'image d'acceuil verticalement a moins que je reussice a me debrouiller avec une position en % et un margin ou padding... enfin on verra plus tard =)

1 réponse

up
0