bonjour,
voila je suis entrain de réaliser une page index en suivant un des models que vous proposez :
mais j'ai rajouter dans mon #header une image gif de 35px que je repete pour faire un dégrader. ce que je ne saisi pas c'est qu'il ne se centre pas comme mon #conteneur.
voici le code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>accueil</title>
<link href="acceuil.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">www.spcom+.fr</div>
<div id="conteneur">Placez ici le contenu de id "conteneur"</div>
</body>
et le CSS :
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
background-image: url(image/header.gif);
background-repeat: repeat-x;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #FF9900;
padding-top: 10px;
position: relative;
}
#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -375px;
background-color:#CCCCCC;
}
de plus on me dis que left n'est pas pris en charge par Opéra 3.5 est-ce grave ?
merci
voila je suis entrain de réaliser une page index en suivant un des models que vous proposez :
mais j'ai rajouter dans mon #header une image gif de 35px que je repete pour faire un dégrader. ce que je ne saisi pas c'est qu'il ne se centre pas comme mon #conteneur.
voici le code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>accueil</title>
<link href="acceuil.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">www.spcom+.fr</div>
<div id="conteneur">Placez ici le contenu de id "conteneur"</div>
</body>
et le CSS :
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
background-image: url(image/header.gif);
background-repeat: repeat-x;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #FF9900;
padding-top: 10px;
position: relative;
}
#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -375px;
background-color:#CCCCCC;
}
de plus on me dis que left n'est pas pris en charge par Opéra 3.5 est-ce grave ?
merci
