Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

Margin:Auto avec IE

J'ai tout essayé !

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne Arnold_Layne # Posté le 16/03/2011 à 18:13:13
Avatar
Bonjour à tous !

Je suis actuellement en train de créer un site Internet, cependant j'ai quelques petits problèmes.

J'ai crée un div Conteneur pour structurer ma page, je centre cette div à l'aide de Margin:auto.
Aucun problèmes sous Firefox, mais bien-sûr j'ai un soucis avec IE !
Avant de venir poster ici, j'ai effectué quelques recherches sur le net, on m'a conseillé d'ajouter dans le Head la Meta suivante :

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Ca ne fonctionne toujours pas !

Quelqu'un aurait-il la solution ?




Mon code html :
Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<html>
<head>
	<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../../style/style.css" />
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
	<title>La page type ATG</title>
</head>
<body>
<div id="conteneur">
	<div id="banniere">
		Bannière
	</div>
	
</div>
</body>
</html>


Mon code css :
Code : CSS
1
2
3
4
5
6
#conteneur {
	width: 95%;
	height:120%;
	margin:0 auto;
	background-color: #E48C4A;
}
Édité le 16/03/2011 à 18:18:57 par Arnold_Layne
Publicité # Posté le 16/03/2011 à 18:13:13

Hors ligne ronamazona # Posté le 16/03/2011 à 18:20:04
Pseudo classe, non ? ^^
Avatar
Pour centrer un site qui passe dans tous les navigateurs tu peux faire ça :

Code : CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
body {
  padding : 0;
  margin : 0; 
  text-align : center;
}
.container {
  text-align : left;
  margin : 0 auto;
  width : 900px; /** la tu mets ce que tu veux en px ou % **/
}
Mon site test CSS3/HTML5 : www.frogweb.fr
Vous cherchez à faire un Menu déroulant ?
Image utilisateur Votre problème est résolu ? Cliquez sur le bouton résolu.
Image utilisateur Cliquez aussi sur le message qui vous a aidé pour que les autres trouvent facilement la réponse.
 
Hors ligne Arnold_Layne # Posté le 16/03/2011 à 18:30:57
Avatar
Je te remercie, ça marche.

Cependant, je voudrais que Margin:Auto fonctionne.
Car je veux center ma bannière dans la div Conteneur.

Encore une fois ça fonctionne sous FF et pas sous IE...

J'ai trouvé !

Il suffit de rajouter :

Citation
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Tout en haut du code, avance même la balise <html>
Édité le 16/03/2011 à 19:37:04 par Arnold_Layne
Hors ligne ronamazona # Posté le 17/03/2011 à 08:52:06
Pseudo classe, non ? ^^
Avatar
Tu pouvais également centrer ta bannière en la mettant dans une balise H2 avec banner comme classe par exemple.
Ensuite dans ta CSS :

Code : CSS
1
2
3
4
5
.banner {
  padding : 0;
  margin : 0;
  text-align : center;
}
Mon site test CSS3/HTML5 : www.frogweb.fr
Vous cherchez à faire un Menu déroulant ?
Image utilisateur Votre problème est résolu ? Cliquez sur le bouton résolu.
Image utilisateur Cliquez aussi sur le message qui vous a aidé pour que les autres trouvent facilement la réponse.
 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx


Lire aussi