Probléme html / css - Programmation
TomsGuide.com : 700 000 inscrits répondent à toutes vos questions high-tech et informatique.
Pour obtenir de l'aide, inscrivez-vous gratuitement !
 




Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Probléme html / css
 
Profil : IDNaute
Plus d'informations

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;
}




Merci d' avance !

Bonne soirée !

Liens sponsorisés


Inscrivez-vous ou connectez-vous pour masquer ceci.

Profil : IDNaute
Plus d'informations

http://www.cyberformateur.com/cour [...] _image.htm

Ca devrait t'aider pour ton "div#texte_bg2"

Si t'as pas d'raison d'vivre, trouve une raison de
Profil : IDNaute
Plus d'informations

Si tu nous disais quelle nom de div tu a donner a ton image de fond ca irai plus rapidement!

Profil : IDNaute
Plus d'informations

Visiblement, d'après le nom de l'image c'est "div#texte_bg2" :p

Profil : IDNaute
Plus d'informations

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.


Message édité par gadjet62 le 27-01-2007 à 17:43:07

  FORUM Infos-du-Net » Programmation » Probléme html / css

Aller à :
 

Liens