28220 sujets

CSS et mise en forme, CSS3

bonjour,

j'ai réussi a avoir un affichage identique sous ie et firefox a un detail pres.
tres gros detail d'ailleurs. Smiley biggrin

voila sous ie j'ai ca :

menumenumenumenumenu
rech mainmain
rech mainmain
rech

et sous explorer j'ai cela

menumenumenumenumenu
rech
rech
rech
------mainmain
------mainmain

Voyez-vous??

Vola mon css


div#main{
  border: 1px solid #0033FF;
  width: 456px;
  margin-left : 310px;
  top: 0px;

}

div#recherche{
  border: 1px solid #0033FF;
  width:300px;
  float: left;
  }


et mon xhtml

<div id="conteneur">	
<?include('../include/menu.php');?>
<div id="recherche">
	<h2> Votre recherche</h2>

</div >
	
<div id="main">
	<h2>Liste des biens</h2>
</div><!--Main -->

</div>	<!--conteneur -->



Pourquoi est ce qu'il m'affiche mon main en bas?
Qu'ai je oublié dans mon CSS???
Modifié par nath-0-0 (09 Nov 2005 - 13:40)
bonsoir,

ton menu.php,...il est fait comment ? en css ? javascript ?...

ou essaye peut etre d'attribuer cette valeur a div#recherche

div#recherche{
border: 1px solid #0033FF;
width:300px;
float: left;
[b]clear: both;[/b]


Je ne suis pas sur que cette methode est a conseillé donc attendé peut etre qu'une solution plus propre sera proposé.

Smiley cligne

++
Modifié par ghijselinck (07 Nov 2005 - 20:03)
il est fait en xhtml, du moins pour l'instant...

J'ai essayé clear:both, il veut pas...

J'ai essayer de chercher des autres post a ce sujet et rien.
Cela m'etonne c'est pourtant une utilisation courante ma configuration, non?
j'ai la solution.

Au cas ou cela interesserait qq, le voila :


div#main{
border: 1px solid #0033FF;
width: 456px;
margin-left : 10px;
float:left;

}