Problème placement d'un div
Résolu
GTZ
-
Samaël666 Messages postés 84 Statut Membre -
Samaël666 Messages postés 84 Statut Membre -
Bonjour,
J'ai un soucis avec un div, il se place pas au bon endroit !
Je ne comprend pas pourquoi :/
http://kfet.guitouz-world.com/page.php
Le bloc "Statut" devrait être en dessous de celui des news voici les morceau de codes concernés :
#colone-gauche
{
float: left;
width: 228px;
color: white;
border: 1px solid;
background-color: #414141;
margin: 10px;
padding: 5px;
}
#colone-droite {
color: black;
float: right;
margin: 10px;
padding: 5px;
width: 630px;
display: inline;
position: relative;
border: 1px solid black;
background-color: #E8F2EA;
}
<div id="colone-gauche">
<fieldset>
<legend><img src="images/texte_infos.png" alt="Titre - News" ></legend>
<center>
<p>Ici les informations en cours ! Réunion, mise à jours, projets en cours ....</p>
<br><br></center></fieldset>
</div>
<div id="colone-gauche">
<fieldset>
<legend><img src="images/texte_statut.png" alt="Titre - Statut" ></legend>
<center>
<p>La K`fet est <font color="red">fermée</font></p>
<p>La K`fet est <font color="green" >ouverte</font> elle est gérée par <font color="grey">test</font></p>
<br><br></center>
</fieldset>
</div>
J'ai un soucis avec un div, il se place pas au bon endroit !
Je ne comprend pas pourquoi :/
http://kfet.guitouz-world.com/page.php
Le bloc "Statut" devrait être en dessous de celui des news voici les morceau de codes concernés :
#colone-gauche
{
float: left;
width: 228px;
color: white;
border: 1px solid;
background-color: #414141;
margin: 10px;
padding: 5px;
}
#colone-droite {
color: black;
float: right;
margin: 10px;
padding: 5px;
width: 630px;
display: inline;
position: relative;
border: 1px solid black;
background-color: #E8F2EA;
}
<div id="colone-gauche">
<fieldset>
<legend><img src="images/texte_infos.png" alt="Titre - News" ></legend>
<center>
<p>Ici les informations en cours ! Réunion, mise à jours, projets en cours ....</p>
<br><br></center></fieldset>
</div>
<div id="colone-gauche">
<fieldset>
<legend><img src="images/texte_statut.png" alt="Titre - Statut" ></legend>
<center>
<p>La K`fet est <font color="red">fermée</font></p>
<p>La K`fet est <font color="green" >ouverte</font> elle est gérée par <font color="grey">test</font></p>
<br><br></center>
</fieldset>
</div>
Configuration: Windows XP Firefox 3.5
A voir également:
- Problème placement d'un div
- Placement livret 8 - Accueil - Arnaque
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,117,108,105,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Peut on changer de place dans un concert - Forum Musique / Radio / Clip
- Remplacer #div/0 par vide ✓ - Forum Excel
- 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 LibreOffice / OpenOffice
3 réponses
Utilise dans ton css :
Comme attribut de ton div "status".
[Donc tu obtiens :
]
Je m'explique: clear prend trois valeurs : left, right et both.
Clear permet de ne pas laisser sur la même "ligne" deux éléments distincts.
Ici clear left va "renvoyer à la ligne" le div "statuts" puisqu'il y a quelque chose à gauche.
Cordialement, Samaël666.
clear:left;
Comme attribut de ton div "status".
[Donc tu obtiens :
#colone-gauche
{
clear:left;
float: left;
width: 228px;
color: white;
border: 1px solid;
background-color: #414141;
margin: 10px;
padding: 5px;
}
]
Je m'explique: clear prend trois valeurs : left, right et both.
Clear permet de ne pas laisser sur la même "ligne" deux éléments distincts.
Ici clear left va "renvoyer à la ligne" le div "statuts" puisqu'il y a quelque chose à gauche.
Cordialement, Samaël666.
GTZ
Retourne voir la page maintenant c'est ma colone gauche qui n'est pas bonne :/
GTZ
La colone droite est en bas elle n'est pas devant le bon div lol c'est bizard !
Insère ta div droite après
Si je ne me trompe pas elle va être un cran plus haut ...
Et ça devrait pas poser problème niveau longueur !
Samaël666.
<div id="colone-gauche"> <fieldset> <legend><img src="images/texte_infos.png" alt="Titre - News" ></legend> <center> <p>Ici les informations en cours ! Réunion, mise à jours, projets en cours ....</p> <br><br></center></fieldset> </div>
Si je ne me trompe pas elle va être un cran plus haut ...
Et ça devrait pas poser problème niveau longueur !
Samaël666.
