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 !
 

Ajouter une réponse



Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Probléme html / css
 
gadjet62
Profil : IDNaute
Plus d'informations
n°90750
17-01-2007 à 17:35:26

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.

cybertaf
Profil : IDNaute
Plus d'informations
n°90796
17-01-2007 à 23:59:37

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

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

AllstaR27
Si t'as pas d'raison d'vivre, trouve une raison de
Profil : IDNaute
Plus d'informations
n°90798
18-01-2007 à 00:02:51

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

cybertaf
Profil : IDNaute
Plus d'informations
n°90824
18-01-2007 à 02:47:46

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

gadjet62
Profil : IDNaute
Plus d'informations
n°91788
27-01-2007 à 17:41:48

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 à :
Ajouter une réponse
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0,826 secondes
Liens