Bonsoir à tous,
Je me suis mis depuis hier aux css pour enfin sortir de ma vieille manie de coder par 'tableaux'.
Ca s'appréhende relativement vite et c'est un outil très puissant. Par contre je suis confronté à un problème que j'essaie de résoudre en vain.
Je veux que tout mon contenu soit centré. J'ai donc écrit ma css en fonction, le resultat est bon sous firefox/opera mais sous IE
mes <div> restent désespérement à gauche.
Et ce n'est pas faute d'avoir essayé !
Voici le code de ma css :
A:link{text-decoration: none; color: #606E76;}
A:visited{text-decoration: none; color: #606E76;}
A:active{text-decoration: none; color: #F09A05;}
A:hover{text-decoration: none; color: #F09A05;}
html,body
{
background-color : #606E76 ;
}
div
{
margin-left : auto;
margin-right : auto;
text-align : left; } .bandeau
{
border-left-style : solid ;
border-left-width : 1px;
border-left-color : #ffffff;
border-right-width : 1px;
border-right-style : solid ;
border-right-color : #ffffff;
background-color : #7E909A;
width : 900px;
height : 112px;
}
.menu
{
border-style : solid ;
border-width : 1px;
border-color : #ffffff;
background-color : #7E909A;
width : 900px;
height : 20px;
padding-left : 0px;
padding-top : 0px;
font-family: Arial, sans-serif;
font: 12px/20px arial;
color: #ffffff;
text-decoration: none;
}
.police
{
font-family: Arial, sans-serif;
color: #000000;
font-size: 12px;
text-decoration: none;
}
|
et le code de mon .php (qui ne comporte pas de code php pour le moment)
<html>
<head>
<title>bonjour</title>
<link href="css/feuille.css" rel="stylesheet" type="text/css">
</head>
<body topmargin="0">
<div class="bandeau"><img src="img/top.jpg"></div>
<div class="menu"> liens | contact</div>
</body> |
Meme en rajoutant dans body{width:100%;} ca n'arrange pas les choses, au contraire j'ai un scroll horizontal sous firefox.
merci pour votre aide
Message édité par brains le 30-04-2005 à 17:42:25
---------------
Débuter la moo chez les moants@HFR | Nikon D800 | On ne fait pas un calin chaste à une pute !, Lapattefolle