Ma div se colle a gauche !!

Résolu/Fermé
dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 - 19 janv. 2010 à 09:55
Akyltour Messages postés 3 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 21 janvier 2010 - 19 janv. 2010 à 14:19
Bonjour,

Quelqu'un peut-il me dire pourquoi ma div se colle a gauche ?


<div class="topbanner">

<img align="center" src="img/ban.jpg" />
</div>
<br />

<style>

.topbanner {
margin-top : 0px ;
margin-left: auto;
margin-right : auto;
width: 1024px;
height: 200px;
border-style : ridge ;
}
</style>

Voila, il n'y a pourtant aucun code qui lui dit d'aller a gauche non ?

6 réponses

Je ne sais plus très bien comment cela fonctionne, n'étant pas un grand pratiquant du css, mais connais tu les float?
Essaye un float: left; pour ton premier et un float:right; pour ton deuxième.
Si ce n'est pas exactement ça, je sais qu'il faut jouer avec cet attribut, alors si tu peux chercher un peu n'hésite pas. Si ça ne suffit pas, il y a aussi le position: fixed ou relative à tester, je ne sais plus l'effet exact.
1
Salut!
As-tu essayé de retirer les margin auto? Des fois ça fou la m*rde, j'ai jamais compris pourquoi.
Sinon essaye peut-être un text-align center dans ton style, même si t'as visiblement pas de texte...
Désolé je ne vois pas vraiment d'où peut venir ton problème..
0
dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
19 janv. 2010 à 11:03
Bon bin mauvais réveil ce matin, j'etais en train d'editer la copie de la page qui se trouve sur ma clé usb donc forcément !!!! Mais par contre j'aurais une autre question : Comment on place deux div cote a cote horizontalement ? moi j'ai mis ce code :


<style>
.pl1
{ margin-top : 100px;
width : 220 ;
height : 50 :
background-color : black ;
}

.para1

{ width : 800px ;
margin-left : 221px ;
margin-top : 100px ;

}

</style>

ET MES DIV :

<div class="pl1" >


<table class="t1" border="1" background="img/bgt.jpg" >

<CAPTION > Dernières oeuvres : </CAPTION>



<tr>
<TD >

Titre : Say YES ! <br />
Album : Fruit de la patience

</TD>
</TR>

<tr>

<td>

<object type="application/x-shockwave-flash"

data="players/player_mp3.swf?mp3=mp3/say_yes.mp3" width="200"height="20">

<param name="movie" value="players/player_mp3.swf?mp3=mp3/say_yes.mp3" />
<param name="wmode" value="transparent" />

</object>
</td>

</tr>

<br/>

<tr>
<TD>

Titre : Water Flower <br />
Album : Fruit de la patience
</TD>
</TR>

<tr>

<td>

<object type="application/x-shockwave-flash"

data="players/player_mp3.swf?mp3=mp3/water_flower.mp3" width="200"height="20">
<param name="movie" value="players/player_mp3.swf?mp3=mp3/water_flower.mp3" />
<param name="wmode" value="transparent" />
</object>
</td>

</tr>






</table>


</div>


<div class="para1">

<p class="p1>

BLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLaBLa

</p>

</ div>



La div para1 est déclé vers la droite comme c'etait prévu mais elle est descendu plus bas que la div pl1 alors que j'ai mis les meme margin-top et que j'ai défini les dimension des deux div de maniere a ce que ça rentre dans 1024px...

Vous pouvez m'aider pliz ?
0
dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
19 janv. 2010 à 12:12
Bon bin ça ne change rien si ce n'est que ma div de gauche descend encore un peu plus ! Merci quand meme Akiltour mais je crois qu'il y a une regle qui m'échappe ds le css...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
dabigben Messages postés 1914 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 179
19 janv. 2010 à 12:27
OOOOOOOOOOOOOk !!! J'ai enlevé le float:right; et n'ai laissé que le float:left; et la ca marche !!!
0
Akyltour Messages postés 3 Date d'inscription mardi 19 janvier 2010 Statut Membre Dernière intervention 21 janvier 2010
19 janv. 2010 à 14:19
Ah, c'était bien ça :)
C'est logique en fait, le float c'est "par rapport à", donc il en faut un fixe et un float, en retirant le float right ça met ce div en fixe par défaut, normal.
Content d'avoir pu t'aider, même si cela était un peu approximatif ;)
0