28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Sa fait bientôt 2 jours que je cherche la solution pour aligner 2 div côtes à côtes.
Aujourd'uit j'ai corrigé le bug sous FireFox mais IE bug toujours -.-'.

CSS:
#corp {
position:relative;
display:block;
float:left;
padding-left:10px;
padding-right:10px;
width:605px;
}
#mnubas {
position:relative;
display:block;
text-align:left;
width:146px;
padding-right:10px;
margin-left:644px;
line-height:15pt;
}


Xhtml:
<div id="corp">test<br />test</div>
<div id="mnubas"><?php include("http://www.crea-paradise.com/tests/v.2.0/test/design/menubas.htm") ?></div>
</div>


Là je vous ai donné uniquement le code de l'endroit qui bug, si vous voulez le code en entier, dîtes le moi Smiley cligne .

La page de tests: http://www.crea-paradise.com/tests/v.2.0/test/index.php

Le bug c'est l'espace entre réallisations et ressources qui est de la grandeur du corp, en l'occurence les deux mots "test" et plu le corp s'agrandi, plus l'espace s'agrandi...

Merci de votre aide,
Cordialement,
Leeroy
Bonjour,

Essayes de visualiser tes blocs en supprimant temporairement les background-images et en leur donnant un background-color différent, je suis sûr que tu y verras plus clair ... Car il y a des petites choses qui coincent.

Il me semble que float: left et position: relative pour la même classe, ça ne le fais pas.

Bon courage
Administrateur
ghost a écrit :
Il me semble que float: left et position: relative pour la même classe, ça ne le fais pas.

En fait ce n'est pas vraiment interdit, il peut y'avoir une utilité (par exemple si l'on veut contenir des éléments en absolus)... mais j'avoue que dans le cas présent, je ne vois pas l'intérêt de ce positionnement Smiley ohwell
Voilà je leur ai mis une couleur de fond:
http://www.crea-paradise.com/tests/v.2.0/test/

Mais je ne sais pas comment régler ce bug, je vois ce que c'est, c'est que IE ne veux pas les afficher côtes à côtes alors il met le corp, et ensuite en dessous le menu. Smiley decu

EDIT: J'ai aussi supprimé "position:relative;", mais sa ne change rien non plus
Modifié par Lbeetls01 (14 Oct 2006 - 15:51)
Bon, j'ai réussi à trouver un compromis pour que ça s'affiche correctement.
Avec une table.

Au lieu que ça soie:
<div id="fondcorp">
<div id="corp">test<br />test</div>
<div id="mnubas"><?php include("http://www.crea-paradise.com/tests/v.2.0/test/design/menubas.htm") ?></div>
</div>
</div>


C'est:
<div id="fondcorp">
<table width="796" height="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="625" valign="top"><div id="corp">test<br />test</div></td>
    <td valign="top"><div id="mnubas"><?php include("http://www.crea-paradise.com/tests/v.2.0/test/design/menubas.htm") ?></div></td>
  </tr>
</table>
</div>


Merci quand même de votre aide Smiley cligne ,
++