3 div de même taille horizontalement
Résolu
servietsky777
Messages postés
256
Statut
Membre
-
servietsky777 Messages postés 256 Statut Membre -
servietsky777 Messages postés 256 Statut Membre -
Hello,
J'ai fait un div avec un fond qui contient 3 div.
C'est plus simple si je vous montre directement.
Regarder la-dessus: http://buddhashop.toile-libre.org/
Quand on zoom sur la page, 1 des 3 div descend.
Je sais pas si vous avez compris.
Est-ce que ce serait possible que les 3 div restent en permanence aligné.
Le code:
CSS
-----
HTML
------
A+
J'ai fait un div avec un fond qui contient 3 div.
C'est plus simple si je vous montre directement.
Regarder la-dessus: http://buddhashop.toile-libre.org/
Quand on zoom sur la page, 1 des 3 div descend.
Je sais pas si vous avez compris.
Est-ce que ce serait possible que les 3 div restent en permanence aligné.
Le code:
CSS
-----
body{
background-color: black;
background-image: url("background.jpg");
background-position: top center;
background-repeat: no-repeat;
}
#top{
background-image: url("fond.gif");
position: absolute;
top: 42px;
height: 188px;
width: 100%;
background-position: center;
z-index: 1;
background-repeat:no-repeat;
}
#corp{
margin-top: 150px;
background-color: #DDDDDD;
border: 2px black;
border-radius: 10px;
margin: auto;
margin-top: 150px;
}
#corpgauche{
width: 300px;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
float: left;
color: black;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#corpmilieu{
width: 700px;
float: left;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
color: black;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#corpdroite{
width: 300px;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
float: right;
color: black;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}
HTML
------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>WeedMaster</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="feuille"></div>
<div id="top"></div>
<table id="corp">
<tr>
<td>
<div id="corpdroite"><p>
-Listes des tutoriaux.
</p>
</div>
<div id="corpgauche"><p>
Aide
</p>
</div>
<div id="corpmilieu"><p>
Test
</p>
</div>
</td>
</tr>
</table>
</body>
</html>
A+
A voir également:
- 3 div de même taille horizontalement
- Comment réduire la taille d'un fichier - Guide
- Ai suite 3 - Télécharger - Optimisation
- Reduire taille image - Guide
- Picasa 3 - Télécharger - Albums photo
- Afficher taille dossier windows - Guide
