Centrer deux div malgré pleisn d'essai....

Fermé
Vincent - 19 oct. 2010 à 09:37
 Vincent - 19 oct. 2010 à 09:45
Bonjour,


Je me permet de venir vous demander votre aide car je ne m'en sors pas.

Je souhaiterai centrer deux div dont une avec une image mais j'ai essayé pleins de choses et elle float à gauche l'une sur l'autre...

http://www.butler-street.com/france/index.php

Peut être auriez vous la solution...?

D'avance merci de votre précieuse aide qui me décoincerait!

2 réponses

VieTgOOx Messages postés 160 Date d'inscription dimanche 4 janvier 2009 Statut Membre Dernière intervention 9 janvier 2011 26
19 oct. 2010 à 09:41
Salut!

Faudrait qu'on voit ton code en fait pour qu'on puisse voir ton erreur...

Cordialement,
VieTgOOx.
0
Bonjour!

Merci de ton aide!

voici le code la page html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
	<link type="text/css" rel="stylesheet" href="css/style.css" media="screen"/> 
	<title>Butler Street</title> 
</head> 
<body>
	<div id="body">
		<div id="header">
			<div id="logo">
	<br>
<center>	<img src="images/logo.png" width=450></center>
	
			</div>
			<div id="menu">
				<ul>
					<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=index.php>Butler Street</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li><a href=conciergerie.php>Votre Concierge</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li><a href=services.php>Nos Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li><a href=contact.php>Contact</a></li>					
				</ul>
			</div>
		</div>
				
		<br><br>
		<br>
		
		
				<div class="images">
				<img src="images/luxeb.png" />
						
	
			</div>
			
			<th>
		<div class="wide_contener" >
		<div class="head"></div>			
			<div class="content">
			
			<?php echo nl2br('<font color=#868889 size=2>
			Butler Street est la Conciergerie Privée de référence au coeur du triangle Londres, Bruxelles, Paris. 

Butler Street conjugue le savoir-faire et la distinction des majordomes britanniques avec l'art de vivre  et l'élégance à la française.

Notre vocation est d'accompagner nos membres - Entreprises et Particuliers - vers le monde de l'Exclusivité et des Services Personnalisés.
Notre réseau étendu de Partenaires, la Disponibilité de nos équipes, doublée de notre Réactivité, nous permettent d'apporter une réponse Sur-Mesure à toutes vos demandes.
Vos demandes n'ont de limite que votre imagination.
Joignable par téléphone ou par email à tous moments, votre Butler saura vous faire gagner du temps, être le Nouvel Atout de votre entreprise (amélioration de la performance collaborateurs, anticipation des besoins de vos clients grâce à un CRM performant, avantage concurrentiel...) et vous ouvrira les portes de l'Exclusivité (avant-première, rencontres, réservations de tables...).
</font>
'); ?>
			</div>
			<div class="foot"></div>
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
		<div id="footer"><a href="http://haxys.be/"><img src="images/footer_logo.png" alt="Haxys" border="0" /></a></div>
	</div>

</body> 
</html>





et le code du css :


body {
	font-family: Trebuchet MS;
	background: fixed url('../images/background.png') 0 0 repeat-x #7e7e7e;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

#body {
	position:absolute;
	
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
}

#header {
	width: 100%;
	height: 190px;
	background: url('../images/header_background.png') 0 0 repeat-x;	
}

#logo {
	height: 180px;
	width: 1171px;
	margin: 0 auto;
	text-align: center;
}

#footer {
	position: fixed;
	background: url('../images/footer_background.png') 0 0 repeat-x;
	bottom: 0;
	height: 44px;
	width: 100%;
	text-align:center;
}

#footer a {
	text-decoration: none;
}
.centrage {
margin:0 auto;
}

.images {
	
	width: 400px;
	 float: left;
	 
margin-left: auto; margin-right: auto; position: absolute
	}
	
	
.contener {

     float: center;
	width: 400px;
	min-height:200px;
	
	margin-bottom: 50px;
}

.vignettes {
	display: inline;
	float: center;
	margin:	0 27px;
	width: 232px;
	height:	187px;
}

.vignettes_cadre {
	display: inline;
	float: left;
	margin: 0;
	width: 232px;
	height:	187px;
}

.wide_contener {
	width: 400px;
  float: left;
margin-left: auto; margin-right: auto; position: absolute
}

.wide_contener .head{
	width: 430px;
	height: 12px;
	background: url('../images/content_head.png') 0 0 no-repeat;
	 
}

.wide_contener .content{
	width: 400px;
	min-height: 100px;
	background: #C5C7C8;
	padding: 5px 15px;
	font-family: Trebuchet MS;
	color:grey;
	
}

.wide_contener .foot{
	width: 430px;
	height: 12px;
	background: url('../images/content_foot.png') 0 0 no-repeat;
	
	
}

#menu {
	width: 800px;
	color: black;
	margin: 5px auto;
	height: 30px;
	font-family: Trebuchet MS;
}

#menu ul {
	margin: 0 auto;
	padding: 0 4px;
	list-style: none;
}

#menu ul li {
	display: inline;
	margin: 0;
	text-transform: uppercase;
	padding: 0;
	height: 30px;
	padding: 3px 10px 5px 10px;
	list-style:none;
}

#menu ul li:hover {
	
}
a:link
{
text-decoration:none;
color: grey; 
}
a:active
{
text-decoration:none;
color: grey; 
}
a:visited
{
text-decoration:none;
color: grey; 
}

.info {
 float: left;
 width: 400;
}







.tete{
margin-left:auto;
margin-right:auto; 
	width: 430px;
	height: 12px;
	background: url('../images/content_head.png') 0 0 no-repeat;
}

 .corps{
margin-left:auto;
margin-right:auto; 
	width: 400px;
	min-height: 100px;
	background: #C5C7C8;
	padding: 5px 15px;
	font-family: Trebuchet MS;
	color:grey;
}

.pied{
margin-left:auto;
margin-right:auto; 
	width: 430px;
	height: 12px;
	background: url('../images/content_foot.png') 0 0 no-repeat;
	
}








D'avance merci car je coince :-/
0