28172 sujets

CSS et mise en forme, CSS3

Espace entre 2 div, très bien sous IE7 mais pas sous Mozila :(

Bonjour tout le monde

Je vous explique mon problème, voilà le site que je suis en train de réaliser :

http://www.visioline.fr/logis/test/lesglenans.php

Sous IE7 pas de problème sous Mozilla firefox j'ai un espace entre les div ! j'ai tout essayé avec des margin:0px mais rien à faire je m'arrache les cheveux

Voilà une partie de mon code (partie haut, milieu et bas) :



<Link rel="stylesheet" href="logis.css" type="text/css">
<Body>
<div align="center" style="width:980px;">
	<div style="width:980px;border-width:1px 1px 0px 1px;border-style:solid;"><Embed src="menu.swf" width="980" height="344"></Embed></div>
	<div style="background: url(milieu.jpg);width:982px;border-width:0px 1px 0px 1px;border-style:solid;">
		<p style="margin:0;"><Hr color="#07496F" size="1" style="width:800px;"></p>
		<p style="margin:0;"><H4>GITE "LES GLENAN"</H4></p>
		<p><Hr color="#07496F" size="1" style="width:800px;border-style:solid;border-width:1px;"></p>
		<?
		if(isset($_REQUEST['picture'])) {
		echo '<p style="padding-left:40px;"><Img src="pictures/'.$_REQUEST['picture'].'" style="border-width:1px;border-style:solid;float:left;margin-right:10px;">';
		} else { echo '<p style="padding-left:40px;"><Img src="pictures/lesglenans2_big.jpg" border="1" style="border-width:1px;border-style:solid;float:left;margin-right:10px;">'; }
		?>
		<p align="justify" style="padding-right:60px;">Gîte comprenant 3 chambres pouvant recevoir 6 à 7 personnes maximum entièrement équipé, cuisine aménagée, lave-linge, lave-vaiselle, micro-ondes, four, barbecue, terrasse.</p>
		
		<p align="justify" style="padding-right:60px;margin:0px;"><b><u>Au rez de chaussée :</u></b></p>
		<p align="justify" style="padding-right:60px;margin:0px;"><br>- 1 chambre</br> - 1 salle d'eau et salon/salle à manger/cuisine<br>- WC</br></p>
		
		<p align="justify" style="padding-right:60px;"><b><u>A l'étage :</u></b></p>
		<p align="justify" style="padding-right:60px;margin:0px;">- 2 chambres (dont un lit 180*220 cm)</br>- 1 salle d'eau<br>- WC</br></p>
		
		<p align="justify" style="padding-right:60px;">Sur l'arrière de la propriété avec vue sur le jardin, tranquilité assurée.</p>
		
				<p align="center" style="padding-right:60px;"><b><u>Tarif. 2 à 6 personnes</u></b></p>
				<p align="left" style="padding-right:60px;margin:0px;"><b>- de 420 à 470 € la semaine hors-saison</b></br></p>
				<p align="left" style="padding-right:60px;margin:0px;"><b>- 470 € pendant les vacances scolaires</b></br></p>
				<p align="left" style="padding-right:60px;margin:0px;"><b>- de 440 à 890 € en pleine saison</b></br></p>
				<p align="right" style="padding-right:60px;font-size:0.8em;"><b>* Supplément de 35 à 50 € (selon saison) pour la 7e personne</b></p>
				
				<p style="margin:0px;"><Hr size="1" style="height:1px;width:600px;"></p>
				<p align="center" style="margin:0px;"><a href="informations.php" class="lien1"><Font face="webdings"><</Font> CLIQUEZ ICI POUR NOUS CONTACTER POUR CE GITE</a></p>
				<p style="margin:0px;"><Hr size="1" style="width:600px;"></p>
		</p>

		<p><p><i>Cliquez sur les photos pour les agrandir</i></p><A href="lesglenans.php?picture=lesglenans2_big.jpg"><Img src="pictures/lesglenans2.jpg"></a> <A href="lesglenans.php?picture=lesglenans4_big.jpg"><Img src="pictures/lesglenans4.jpg"></a> <A href="lesglenans.php?picture=lesglenans5_big.jpg"><Img src="pictures/lesglenans5.jpg"></a></p> <p><A href="lesglenans.php?picture=lesglenans6_big.jpg"><Img src="pictures/lesglenans6.jpg"></a> <A href="lesglenans.php?picture=lesglenans7_big.jpg"><Img src="pictures/lesglenans7.jpg"></a></p>

	</p>
	</div>
	<div style="border-width:0px 1px 1px 1px;border-style:solid;"><Embed src="bas.swf" width="980" height="286"></Embed></div>
</div>

<p align="center" style="margin:5px;"><Font color="#FFFFFF" size="1">Site réalisé par VISIOLINE</Font></p>

</Body>


Voilà en espérant que vous allez pouvoir m'aider Smiley smile et si vous avez des conseils sur la mise en forme je suis preneur Smiley cligne

D'avance merci Smiley smile
Salut,

Je pense que c'est ton <hr>qui pose problème essaye un margin: 0;
Sinon un doctype pour ta page c'est indispensable et les styles dans une feuille externe ce n'est pas mal ... Smiley cligne
Encore des saines lectures pour la mise en page.

Bon courage
merci pour tes conseils Smiley smile j'ai mis un margin 0 dans le hr mais rien ne change j'ai même enlevé mes HR pour voir si le problème venait de là mais non Smiley cligne
Sujet clos
Aller à