Sujet Précédent Sujet Suivant

3 div de même taille horizontalement

Résolu/Fermé
servietsky777 Messages postés 189 Date d'inscription mercredi 24 décembre 2008 Statut Membre Dernière intervention 19 septembre 2013 - 8 mai 2011 à 21:52
servietsky777 Messages postés 189 Date d'inscription mercredi 24 décembre 2008 Statut Membre Dernière intervention 19 septembre 2013 - 8 mai 2011 à 22:39
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
----- 
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:

4 réponses

Réponse 1 / 4
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
8 mai 2011 à 22:14
Salut, essaye en donnant une taille à ta table corp genre width: ??px; pour trouver la valeur de ?? additionne la taille de tes trois div plus les marges !
1
Réponse 2 / 4
servietsky777 Messages postés 189 Date d'inscription mercredi 24 décembre 2008 Statut Membre Dernière intervention 19 septembre 2013 7
8 mai 2011 à 22:09
up
0
Réponse 3 / 4
servietsky777 Messages postés 189 Date d'inscription mercredi 24 décembre 2008 Statut Membre Dernière intervention 19 septembre 2013 7
8 mai 2011 à 22:28
Bonne idée je vais essayé!

Merci
0
Réponse 4 / 4
servietsky777 Messages postés 189 Date d'inscription mercredi 24 décembre 2008 Statut Membre Dernière intervention 19 septembre 2013 7
8 mai 2011 à 22:39
C'est tout con mais ça fonctionne.

A+
0

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?
Alison1958 -
Thordendall -

1 réponse
W32 L32: correspondance entre taille US et taille française
efg -
sibel -

6 réponses
Que signifie cet emoji :3
Moi -
AssassinTourist -

2 réponses
Signification de " :3 "
blanchecanelle -
Pistounette -

5 réponses
lacoste!!!
ryan -
boulbi -

2 réponses