18073 sujets

Questions générales et questions de débutants

Alignement div...IE et mozilla pas pareils

bonjour,
je galere pour mes div, entre IE et Mozilla je n'ai pas du tout le meme alignement pour mon menu de droite.

quelqu'un peut m'aider?

l'adresse : http://maison-du-palais.neuf.fr
mon css : 


body
{
   background-color: #4170a0;
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
 }

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("Belle_Ile/top.gif");
   background-align: top; 
   background-repeat: no-repeat;
  border: thin solid green;

   
}


/* Le menu */

#menu
{
    
   width: 760px;
   height: 20px;
   margin-bottom: 10px; 
   background-image: url("Belle_Ile/menu_top.gif");
    background-repeat: repeat-x;
	 border: thin solid green;
}

#menu_g
{
	float: left; 
	width: 150px;
   	height: 393px;
    background-image: url("Belle_Ile/menu_gauche.gif");
   
}
#menu_drt
{
	float: right; 
	width: 110px;
   	height: 210px;
    background-image: url("Belle_Ile/menu_gauche.gif");
	position:absolute; top : 150px; left : 700px; width : 200px ;
   
}
#element_menug
{
	width: 140px; 
	height: 200px; 
	margin: 5px; 
	background-image: url("Belle_Ile/immeuble.gif"); 
	background-position: top; 
	}
#element_menugb
{
	width: 140px;
	height: 175px;  
	margin: 5px; 
	margin-top: 15px; 
	padding: 5px; 
	
	}
#menu_d
{
	
	float: left; 
	margin-top: 150px; 
	width: 100px;
   	height: 507px;
	position:absolute; top : 345px; left : 653px; width : 200px ;
    
   
}
#spacer {
	width: 5px; 
	height: 15px; 

}
#bloc_texte
{
float: left;
width: 480px;
height: 391px; 
border: thin solid green;
margin-right: 110px; 
margin-left: 10px;
background-color: #9daccd; 
background-image: url("Belle_Ile/bato.gif"); 
background-position: top left; 
background-repeat: no-repeat;
}
#bloc_milieu
{
float: left;
width: 480px;
height: 391px; 
border: thin solid green;

margin-left: 10px;
background-color: #9daccd; 
}
#table_contenu
{
float: left;
width: 100%;
height: 200px; 
border: thin solid green;


background-color: #9daccd; 
}
#bloc_logo
{
width: 75px; 
height: 130px; 
float: right; 
border-left: thin dotted green; 
}

#titreacotedulogo
{
width: 170px; 
float: left;
margin-left: 200px; 
padding: 5px; 

}
#bloc_accueil
{
width: 480px; 
border-top: 1px solid green; 
margin-top: 130px; 
padding: 10px; 

}

#bloc_appartg
{
width: 150px; 
height: 100px; 
margin-top: 50px; 
background-image: url("Belle_Ile/salon.gif"); 

}
#bas
{

	margin-top: 420px; 
		align: center; 
	width: 760px;
   	height: 20px;
    background-image: url("Belle_Ile/bas.gif");
   
}

 .txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
  
}
 .txtgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
  
}
.titre_menu {
  font-size: 12px;
   font-weight: bold; 
text-align: center; 
margin-left: 290px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold; 

}
.texte_menug {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold; 

}
.texte_menub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold; 
	margin-left: 270px; 

}
a{
  color: #FFFFFF;
}



et mon chteumeuleu : 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Maison du Palais</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" href="exemple2.css" />
  
   </head>

   <body>

       <!-- L'en-tête -->
     
<div id="en_tete"> </div>
<div id="menu"> <span class="titre_menu "><a href="#">acc&egrave;s </a><a href="appart.htm">l'appartement</a> 
  <a href="#">l'ile </a> <a href="#">tarifs</a></span></font></div>
<div id="menu_g">
<div id="element_menug"></div>
  <div id="element_menugb"><span class="texte_menug"><p>Contact: <br />

Catherine </p>
    </span></div>
</div>
<div id="bloc_texte"> 
  <div id="titreacotedulogo"><br><br><h1>Location a belle ile en mer</h1></div>
 
  <div id="bloc_accueil"><span class="txt">Un appartement avec tout le confort 
    au centre du Palais. A proximité du port, mer a 5 minutes. Location pour les 
    mois de juin, juillet aout et septembre.</span>
<div id="bloc_appartg"></div>
  </div>
</div>
<div id="menu_d"><img src="Belle_Ile/bangorpaluden2.gif" align="middle"> 
<div id="spacer"></div><img src="Belle_Ile/bangorpaluden2.gif" align="middle"> 


<div id="spacer"></div>
  <div id="menu_drt"></div>
  <div align="center"><br>
    <br>
</div>

</div>

<div id="bas"><span class="texte_menub">copyright Belle ile.com</span></div>      
           </div>        
       </div>

            
     

   </body>

</html>



d'avance merci pour toute suggestion. Je sais que je devrais pouvoir trouver tout seul, mais la....la....je galere!
article interessant, mais g pas l'impression que ca soit ca...a moins que j'applique mal.
ce serait plutot au niveau de mes float g l'impresion.
hmm po facil...
si un spécialiste avait 5 mn, j'avoue que ca me ferait 'achement plaisir Smiley smile
euh... c'est bon, j'ai trouvé ce qui n'allait pas.
bon, comme d'hab, c'etait un truc tout con. yavait meme pas besoin de poster... Pour info mon souci c'etait que j'avais inséré un div pour placer un titre a coté du logo, et que je l'avais surdimensionné... Ce qui foutait le dawa...
en tout cas, merci seb.
derniere intervention sur ce sujet...promis! ouais seb, t'avais raison, ca me sert carrément ton article.
Sujet clos
Aller à