Problème Hauteur DIV
Résolu/Fermé
shamsoun
Messages postés
41
Date d'inscription
mardi 9 février 2010
Statut
Membre
Dernière intervention
11 juin 2021
-
4 avril 2011 à 01:56
shamsoun Messages postés 41 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 11 juin 2021 - 4 avril 2011 à 17:08
shamsoun Messages postés 41 Date d'inscription mardi 9 février 2010 Statut Membre Dernière intervention 11 juin 2021 - 4 avril 2011 à 17:08
A voir également:
- Problème Hauteur DIV
- Div c++ - Télécharger - Langages
- Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? ✓ - Forum Word
- Remplacer #div/0 par vide ✓ - Forum Excel
- Vba hauteur de ligne ✓ - Forum VB / VBA
- Longueur largeur hauteur ✓ - Forum Ecran
5 réponses
pijaku
Messages postés
12263
Date d'inscription
jeudi 15 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2024
2 744
4 avril 2011 à 09:04
4 avril 2011 à 09:04
Salut,
Tu as une div positionnée en float à l'intérieur d'un conteneur. Ca ne fonctionnera donc pas.
Pour obtenir le résulta souhaité, place ta div conteneur en float left :
Tu as une div positionnée en float à l'intérieur d'un conteneur. Ca ne fonctionnera donc pas.
Pour obtenir le résulta souhaité, place ta div conteneur en float left :
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div id="conteneur" style="float:left;width: 322px; height:auto; background:#00c;"> <div id="menu" style="float:right; width:100px; height:auto; background:#F00; margin-right:10px;"> <strong>DIV menu </strong>sdf gsd fds sdss dsddfdfgsdf fgdfd df sdfsddsf fd sdssfsf sdfs dfd dssff dsf dsgfdf dsfds </div> <p><strong>DIV conteneur</strong> ddddddddddddddddddd ddddddddddddddddddddddddd dddddddddddddddddddd</p> </div> </body> </html>
shamsoun
Messages postés
41
Date d'inscription
mardi 9 février 2010
Statut
Membre
Dernière intervention
11 juin 2021
1
4 avril 2011 à 17:08
4 avril 2011 à 17:08
Je vous remercier tous et voila j'ai trouvé la réponse et j'aimerai partager l'information avec vous c'est juste de mettre:
au dissous de (DIV menu)
<div style="clear: both"></div>
au dissous de (DIV menu)
Utilisateur anonyme
4 avril 2011 à 01:57
4 avril 2011 à 01:57
Bonsoir, c'est difficile de t'aider sans le code.
shamsoun
Messages postés
41
Date d'inscription
mardi 9 février 2010
Statut
Membre
Dernière intervention
11 juin 2021
1
4 avril 2011 à 02:52
4 avril 2011 à 02:52
voici un petite exemple il traite le même cas :
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="conteneur" style=" width: 322px; height:auto; background:#00C;">
<div id="menu" style="float:right; width:100px; height:auto; background:#F00; margin-right:10px;"><strong>DIV menu </strong>sdf gsd fds sdss dsddfdfgsdf fgdfd df sdfsddsf fd sdssfsf sdfs dfd dssff dsf dsgfdf dsfds </div>
<p><strong>DIV conteneur</strong> ddddddddddddddddddd ddddddddddddddddddddddddd dddddddddddddddddddd</p>
</div>
</div>
</body>
</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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="conteneur" style=" width: 322px; height:auto; background:#00C;">
<div id="menu" style="float:right; width:100px; height:auto; background:#F00; margin-right:10px;"><strong>DIV menu </strong>sdf gsd fds sdss dsddfdfgsdf fgdfd df sdfsddsf fd sdssfsf sdfs dfd dssff dsf dsgfdf dsfds </div>
<p><strong>DIV conteneur</strong> ddddddddddddddddddd ddddddddddddddddddddddddd dddddddddddddddddddd</p>
</div>
</div>
</body>
</html>
lermite222
Messages postés
8702
Date d'inscription
dimanche 8 avril 2007
Statut
Contributeur
Dernière intervention
22 janvier 2020
1 190
4 avril 2011 à 08:45
4 avril 2011 à 08:45
Bonjour,
Ton Div menu dois pas être en id mais en class.
A+
Ton Div menu dois pas être en id mais en class.
<div class="menu" ..
A+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
lermite222
Messages postés
8702
Date d'inscription
dimanche 8 avril 2007
Statut
Contributeur
Dernière intervention
22 janvier 2020
1 190
Modifié par lermite222 le 4/04/2011 à 12:33
Modifié par lermite222 le 4/04/2011 à 12:33
Je n'avais pas bien compris.. :-)
Et je ne crois pas qu'il le veux à droite, mais je peu me tromper.
Tout s'allonge en fonction des contenus.
A+
Si tu te cognes à un pot et que ça sonne creux, c'est pas forcément le pot qui est vide. ;-)(Confucius)
NOTE : Je ne répond pas aux MP pour les questions techniques.
Et je ne crois pas qu'il le veux à droite, mais je peu me tromper.
<title>Untitled Document</title>
</head>
<body>
<div id="conteneur" style=" float:auto; width:220px; background:#00C; border:3px inset red;">
<p><strong>DIV conteneur</strong> <br /> ddddddddddddddddddd ddddddddddddddddddddddddd dddddddddddddddddddd ddddddddddddddddddd ddddddddddddddddddddddddd dddddddddddddddddddd</p>
<div id="menu" style= "width:120px; height:auto; background:#F00; margin:10px; border:3px outset yellow;">
<strong>DIV menu </strong>sdf gsd fds sdss dsddfdfgsdf fgdfd df sdfsddsf fd sdssfsf sdfs dfd dssff dsf dsgfdf dsfds </div>
</div>
</div>
</body>
Tout s'allonge en fonction des contenus.
A+
Si tu te cognes à un pot et que ça sonne creux, c'est pas forcément le pot qui est vide. ;-)(Confucius)
NOTE : Je ne répond pas aux MP pour les questions techniques.
4 avril 2011 à 16:45
4 avril 2011 à 16:51
J'attends donc de plus amples informations.
a vous...