28120 sujets

CSS et mise en forme, CSS3

hello...

Je suis en train de me prendre la tete...car soit le positionnement fontctionne sous ie soit firefox mais pas les deux....et j'ai meme pas encore testé netscpe Smiley bawling .....
voici mon xhtml

<div id="recherche">
<h2> Votre recherche</h2>
	<div class="contenurechlb">
		Type de bien<br />
			<input type="checkbox" name="Tbien" value="Appart"/>Appart.
			<input type="checkbox" name="Tbien" value="Loft"/>Loft
			<input type="checkbox" name="Tbien" value="Duplex"/>Duplex
			<input type="checkbox" name="Tbien" value="Maison":>Maison
	</div>

<!--blablablablablabalbalbalab-->
	<h3 id="am">
		<a href="../ml/a_inscriml.html">Enregistrer la recherche et Cr&eacute;er une alerte mail</a>
	</h3>
</div ><!-- recherche -->
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->
<div id="main">
	<h2>Liste des biens</h2>

	<div id="bien">
		<h2>Bien à vendre ref n° <span style="text-align:right">1231 500 000 Euros</span> </h2>
		<div id="photo">
			<img src="../image/nathBdpV.JPG" alt="une photo du bien"  height="50px"  width="60px"/>
		</div>
			<p>
				blablabalbalba
				
			</p>
			<span >
				<a href="a_detail.html"style="text-align:right" >D&eacute;tails...</a>
			</span>
			<h3>
				<img src="../image/b_print.png" alt="Imprimer"  title="Imprimer cette fiche"/>
				<img src="../image/shopping_cart2_f.gif" height="18px"  width="18px" alt="Panier" title="Ajouter au panier"/>
				<img src="../image/Cfpop.gif"  alt="E-mail" title="Envoyer &agrave; un ami"/>
			</h3>
	</div><!--bien -->

</div><!--Main -->



et mon css


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

	div#main h2
	{	  

		height:1.5em;
		padding-left: 5px ;
		font-size: 1.2em;
		color: #FF9933;
		background-color:#0033FF;
		margin:0px;
		text-align: left ;
	}
			
div#recherche{
  border: 1px solid #0033FF;
  width:300px;
  float: left;
  }
div#recherche h2
	{	height:1.5em;
		padding-left: 5px ;
		font-size: 1.2em;
		color: #FF9933;
		background-color:#0033FF;
		margin: 0px 
	}
	div#recherche h3
	{	height:40px;
		font-size: 1.2em;
		color: #FF9933;
		display:block;
		background-color:#0033FF;
		margin: 0px 
	}



ah que c'est complique ces histoires de positionnement Smiley ohwell , javoue que j'ai un peu de mal....

Je pense qu'il faut utiliser comme je l'ai fait plutot float que absolut mais ai-je raison??????

ps celui la fonctionne avec firefox mais pas IE
Modifié par nath-0-0 (03 Nov 2005 - 18:55)
Administrateur
Hello,

Je vais être un peu rude, mais nous avons pour coutume ici de ne pas se croire au fast-food et d'éviter de laisser traîner des sujets ouverts.
On les prend un par un et on essaye de les résoudre avant de passer à d'autres choses.

Tous tes sujets sont actuellement lâchés dans la nature, oubliés, sans que personne ne sache s'ils sont encore en cours, résolu ou abandonnés.

J'aimerais beaucoup que tu fasses le ménage dans tout ça, et que tu évites d'ouvrir de nouveaux sujets tant que d'autres sont ouverts. Lorsque que cela ne concerne que 2 ou 3 sujets, ça va, mais là on atteint les 6 sujets.

Merci d'avance.
Modifié par Raphael (02 Nov 2005 - 13:57)
rude, oui en effet

un des sujet se trouve dans le bar du forum
un dans discussion de fonds, il me semblait que pour ces deux dernier la disscussion pouvait d'étendre indéfiniment??? J"en ai fermé cependant un.

Trois que j'ai ouvert récemment, on ne peut pas poser plusieurs questions en meme temps??de plus il y'en a deux que j'ai découvert en meme temps en testant sur un autre navigateur.

C'est si dérangeant que cela?

et un dernier que j'ai oublié, mea culpa!
Administrateur
Si tu t'en sors, tout va bien.
L'essentiel est de ne pas laisser traîner plein de sujets oubliés derrière soi.
Désolé pour la rudesse Smiley cligne
Salut,

Tu n'auras JAMAIS exactement le même positionnement, spontanément, sous Firefox et IE, pour la bonne et simple raison que Firefox interprète bien les css et pas ie. De plus, ce sont 2 navigateurs différents, ils ont donc potentiellement certaines valeurs par défaut qui sont différentes : ahuteur des lignes, margin et padding des différents éléments, etc ...
Donc, je te conseille de :
a) faire un truc qui marche sous firefox
b) faire une feuille de style spécifique ie pou corriger les différences (chercher commentaire conditionnel)
ok merci...je vais m'y mettre!!!

Smiley bawling Smiley bawling

et pour netscape je vais devoir faire encore une autre feuille de style?
Les dernières versions de Netscape (même depuis un petit moment me semble-t-il) utilisent Gecko (le moteur de rendu de Firefox). Si ton site marche sous IE et sous FF, il devrait donc marcher sous Netscape.