[xhtml/css] probleme de mise en page par miktroz - page 1

Salut à toutes et à tous,

Après avoir fait la découpe de mon website je l'ai codé en html (a la barbare avec des table, tr , td...). Ensuite je l'ai refait correctement (xhtml + css avec validation w3) mais quand je fai cette méthode je n'arrive pas a fair ce que je veu:

Je veu que mon ddesign fasse 100% de la hauteur (qu'il touche le haut et le bas), la il touche le haut mais pas moyen de le mettre en 100% de plus d'autres problemes sont survenu avec un div (avec le copyright) qui ne veu pas ce collé ver le bas et un fond qui ne se met pas la ou il devrai etre (je sais c'est ma faute

)

voici le code xhtml:

<!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" xml:lang="fr">

<head>
<title>miktroz-studio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="miktroz" href="style.css" />
</head>

<body>

<div id="all">

<div id="gauche"><img src="images/haut_gauche.gif" alt=""/><div id="g"></div></div>
<div id="droite"><img src="images/haut_droit.gif" alt=""/><div id="d"></div></div>

<div id="centre">

<div id="header"></div>

<div id="contenu">

<div id="menu">

<img src="images/gauche.gif" alt="" /><a href="index.htm"><img src="images/accueil.gif" alt="" title="accueil" /></a><a href="galleries.htm"><img src="images/galleries.gif" alt="" title="galleries" /></a><a href="contact.htm"><img src="images/contact.gif" alt="" title="me contacter" /></a><a href="liens.htm"><img src="images/liens.gif" alt="" title="liens"/></a><img src="images/droite.gif" alt="" /></div>

<div id="milieu">
<div id="blabla">

blabla

</div></div>

<div id="bas"></div>

</div>

<div id="copyright"></div>

</div>

</div>

</body>

</html>

le code css:

body
{
margin :auto;
font-size :11px;
color :#000000;
font-family :Verdana, sans-serif;
background-color :#6d6d6d;
}

#all
{
margin :auto;
width :792px;
padding :0px;
background-color :#545454;
height :100%;
}

#centre
{
margin :auto;
width :744px;
height :100%;
}

#header
{
width :744px;
height :243px;
background-image :url("images/haut.jpg");
}

#contenu
{
margin :auto;
margin-top :8px;
width :668px;
}

#menu
{
width :668px;
height :40px;
}

#milieu
{
width :668px;
background-image :url("images/fond.gif");
}

#blabla
{
width :644px;
margin :auto;
padding-top :5px;
}

#bas
{
width :668px;
background-image :url("images/bas.gif");
height :40px;
}

#copyright
{
width :744px;
background-image :url("images/copyright.gif");
background-repeat :no-repeat;
background-position:bottom;
height :40px;
margin-bottom :0px;
padding-bottom :0px;
}

img
{
border :0px;
}

#gauche
{
width :24px;
height :100%;
margin-left :0px;
background-image :url("images/fond_gauche.gif");
float :left;
}

#g
{
height :100%;
background-image :url("images/bas_gauche.gif");
background-repeat :no-repeat;
background-position:bottom;
}

#droite
{
width :24px;
height :100%;
margin-right :0px;
background-image :url("images/fond_droit.gif");
float :right;
}

#d
{
height :100%;
background-image :url("images/bas_droit.gif");
background-repeat :no-repeat;
background-position:bottom;
}

Ca donne ceci: http://pdesign2003.free.fr/test/index.htm
et voici ce que je veu obtenir: http://pdesign2003.free.fr/test/index2.htm
merci d'avance, à plus.

[xhtml/css] probleme de mise en page

[xhtml/css] probleme de mise en page

Supprimer

Modérer

Signaler le message aux modérateurs