Probléme html / css: image décalé sur mozilla et IE version 7
Forum Programmation : Probléme html / css: image décalé sur mozilla et IE version 7
Bonjour à tous !
Mon site www.bpzoom.com fonctionnait bien, du moins je pensait qu' il fonctionnait bien, jusqu' au jour ou j' ai téléchargé la nouvelle version d' internet explorer: version 7. Et là je m' aperçois un décalage de l' image de fond, ou je met le contenu de mon site. J' ai appris aussi que ça faisait la même chose sur Mozilla firefox. Vous auriez pas un moyen de remettre en place le fond sur la plupart des naviguateurs (actuellement il est bien placé que sur la version normal d' internet explorer).
Voici ma page index.php :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bienvenue sur le site officiel de BP Zoom - www.bpzoom.com</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<center>
<div id="contenu">
<div id="header">
</div>
<div id="menu_gauche">
<a id="zone1" href="index.php" title="Accueil"></a>
<a id="zone2" href="index.php?page=legroupe" title="Le Groupe"></a>
<a id="zone3" href="index.php?page=concerts" title="Concerts"></a>
<a id="zone4" href="index.php?page=photos" title="Photos"></a>
<a id="zone9" href="index.php?page=liens" title="Liens"></a>
</div>
<?php
if (isset($_GET["page"])) $page = $_GET["page"];
else $page = 0;
switch ($page){
default : echo '<div id="texte_bg2">';@include("news.php" );break;
case "news" : echo '<div id="texte_bg2">';@include("news.php" );break;
case "legroupe" : echo '<div id="texte_bg">';@include("legroupe.php" );break;
case "liens" : echo '<div id="texte_bg">';@include("liens.php" );break;
case "contact" : echo '<div id="texte_bg">';@include("contact.php" );break;
case "concerts" : echo '<div id="texte_bg">'; @include("concerts.php" );break;
case "photos" :
echo '<div id="texte_bg">'; @include("photos.php" );break;
case "telechargements" : echo '<div id="texte_bg">'; @include("telechargements.php" );break;
case "livredor" : echo '<div id="texte_bg">'; @include("livredor.php" );break;
case "zonefans" :
echo '<div id="texte_bg">'; @include("zonefans.php" );break;
case "biographie" : echo '<div id="texte_bg">'; @include("biographie.php" );break;
case "persographie" : echo '<div id="texte_bg">'; @include("persographie.php" );break;
case "discographie" : echo '<div id="texte_bg">'; @include("discographie.php" );break;
case "jules" :
echo '<div id="texte_bg">'; @include("jules.php" );break;
case "lionel" :
echo '<div id="texte_bg">'; @include("lionel.php" );break;
case "ludovic" :
echo '<div id="texte_bg">'; @include("ludovic.php" );break;
case "raphael" :
echo '<div id="texte_bg">'; @include("raphael.php" );break;
case "bonus" :
echo '<div id="texte_bg">'; @include("photos_bonus.php" );break;
case "fans" :
echo '<div id="texte_bg">'; @include("photos_fans.php" );break;
case "lisa_arras" :
echo '<div id="texte_bg">'; @include("lisa_arras.php" );break;
case "ast" :
echo '<div id="texte_bg">'; @include("ast.php" );break;
case "clip" :
echo '<div id="texte_bg">'; @include("clip.php" );break;
case "hardrock" :
echo '<div id="texte_bg">'; @include("hardrock.php" );break;
case "forum" :
echo '<div id="texte_bg">'; @include("forum.php" );break;
case "tournee_en_or" : echo '<div id="texte_bg">'; @include("tournee_en_or.php" );break;
case "clip2" :
echo '<div id="texte_bg">'; @include("clip2.php" );break;
case "harnes" :
echo '<div id="texte_bg">'; @include("harnes.php" );break;
case "harnes_photos" : echo '<div id="texte_bg">'; @include("harnes_photos.php" );break;
case "gravelines" :
echo '<div id="texte_bg">'; @include("gravelines.php" );break;
case "hardrockvideo" : echo '<div id="texte_bg">'; @include("hardrockvideo.php" );break;
case "contact2" : echo '<div id="texte_bg">'; @include("contact2.php" );break;
case "epk" : echo '<div id="texte_bg">'; @include("epk.php" );break;
}
?>
</div>
<div id="menu_droite">
<a id="zone5" href="index.php?page=telechargements" title="Téléchargements"></a>
<a id="zone6" href="index.php?page=livredor" title="Livre D'or"></a>
<a id="zone7" href="index.php?page=zonefans" title="Zone Fans"></a>
<a id="zone8" href="index.php?page=contact" title="Contact"></a>
</div>
<div id="footer">
</div>
</div>
</center>
</body>
</html> ]
Voici ma page style.css :
body {
background-color:#cf1b20;
background-repeat:repeat;
font-family:Verdana;
font-size:20px;
color:#e9eaea;
margin:0;
padding:0;
scrollbar-face-color:#7E7D7D; /* couleur du dessus des boutons et de la barre de défilement */
scrollbar-arrow-color:#000000; /* couleur des flèches */
scrollbar-track-color:#6E6D6D; /* couleur du fond de la barre */
scrollbar-highlight-color:#333333; /* couleur claire du relief des boutons */
scrollbar-shadow-color:#444444; /* couleur sombre du relief des boutons */
scrollbar-3dlight-color:#555555; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
scrollbar-darkshadow-color:#666666; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés
*/
}
div#contenu {
width:801px;
height:auto;
}
div#header {
float:center;
background-image:url('./images/header.jpg');
width:801px;
height:122px;
}
div#menu_gauche {
background-image:url('./images/menu_gauche.jpg');
width:132px;
height:502;
float:left;
margin-left:0px;
}
#zone1 {
float: left;
width : 77px;
height: 40px;
margin-left: 40px;
margin-top: 60px;
}
#zone2 {
float: left;
width : 104px;
height: 36px;
margin-left: 13px;
margin-top: 50px;
}
#zone3 {
float: left;
width : 97px;
height: 36px;
margin-left: 20px;
margin-top: 54px;
}
#zone4 {
float: left;
width : 75px;
height: 36px;
margin-left: 42px;
margin-top: 64px;
}
#zone9 {
float: left;
width : 75px;
height: 36px;
margin-left: 43px;
margin-top: 60px;
}
div#menu_droite {
background-image:url('./images/menu_droite.jpg');
width:172px;
height:502px;
float:right;
}
#zone5 {
float: right;
width : 150px;
height: 40px;
margin-right: 7px;
margin-top: 70px;
}
#zone6 {
float: right;
width : 110px;
height: 36px;
margin-right: 47px;
margin-top: 50px;
}
#zone7 {
float: right;
width : 107px;
height: 36px;
margin-right: 50px;
margin-top: 50px;
}
#zone8 {
float: right;
width : 87px;
height: 36px;
margin-right: 70px;
margin-top: 62px;
}
#virgin {
background-image:url('./virgin.gif');
position: relative;
width : 300px;
height: 60px;
left: 77px;
top: 9px;
border: 0px;
}
#myspace{
background-image:url('./myspace.gif');
position: relative;
width : 142px;
height: 53px;
left: 155px;
top: 78px;
border: 0px;
}
#lecteur{
position: absolute;
left: 2px;
top: 15px;
}
div#texte_bg {
background: #202020 url('./images/texte_bg.jpg') no-repeat fixed;
width:497px;
height:502px;
float:left;
overflow:auto;
font-family:Arial;
font-size:10px;
margin-left:0px;
}
div#texte_bg2{
background: #202020 url('./images/texte_bg2.jpg') no-repeat fixed;
width:497px;
height:502px;
float:left;
overflow:auto;
font-family:Arial;
font-size:10px;
margin-left:0px;
}
div#texte {
width:480px;
height:490px;
}
div#footer {
color:#000000;
background-image:url('./images/footer.jpg');
width:801px;
height:144px;
clear:both;
}
img { display:inline; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
a:hover { color:#3F3E3E; font-weight:bold; }
h1 { text-align:center; margin:0; }
p { margin:0; padding:0; text-indent:10px; padding-top:10px;}
div.clear { clear:both; }
textarea {
border:1px solid black;
background-color:#646464;
font-family:"Verdana";
color:white;
}
input{
border:1px solid black;
background-color:#646464;
font-family:"Verdana";
color:white;
}
.prochain_concerts
{
font-family:Arial;
font-size:10px;
}
.tel
{
font-size: 12px;
font-family: verdana;
}
.med
{
font-size: 15px;
font-family: Impact;
}
caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: white;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}
th /* Les cellules d'en-tête */
{
background-color: black;
color: white;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td /* Les cellules normales */
{
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
color: white;
}
.ind
{
color: red;
}
Il y a 2 fonds: (regardez sur www.bpzoom.com ,vous verrez)
div#texte_bg2 pour la page d' accueil
div#texte_bg pour toutes les autres pages
Merci d' avance ! et désolé pr le retard de ma réponse.
Merci d' avance !
Bonne soirée !
Il y a 2027 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
