Background ne remplit pas toute la page

Version imprimable

Voir 40 message(s) de cette discussion en une page

Lol excuses-moi je suis un peu speed... :lol:

Voilà le code html/php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<title>Renault Cluses - Vente de véhicules neufs Renault et d'occasion toutes marques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="styles_css/js/prototype.js"></script>
<script type="text/javascript" src="styles_css/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="styles_css/js/lightbox.js"></script>
<link rel="stylesheet" href="styles_css/css/lightbox.css" type="text/css" media="screen" />
<link href="styles_css/test.css" rel="stylesheet" type="text/css" />
<script  type="text/javascript" language="JavaScript1.1">
<!--
//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit <a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a> for this script
//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("<a href="http://www.renault-cluses.com/images/operations/actionCliquer.png" target="_blank">http://www.renault-cluses.com/images/operations/actionCliquer.png","http://www.renault-cluses.com/images/operations/actionEnCour.png</a>")
//specify corresponding links
var slidelinks=new Array("<a href="http://www.renault-cluses.com/recherche_occasion.php" target="_blank">http://www.renault-cluses.com/recherche_occasion.php","http://www.renault-cluses.com/recherche_occasion.php</a>")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//-->
</script>
</head>
<body>
<div align="center"  id="container">
<table width="800" bgcolor="#FFFFFF">
  <tr align="center">
   <td align="left"><img src="images/bandeau_renault/logo_jaune_renault.jpg"  alt="Renault" width="76" height="81"></img></td>
   <td align="left"><img src="images/bandeau_renault/typogramme_renault.gif" alt="Renault"  width="129" height="81"></img></td>
   <td align="right"><img src="images/bandeau_renault/createur_fr.gif" alt="Renault"  width="292" height="67"></img></td>
  </tr>
  </table>
<div id="head2">
<? require('bandeau.html'); ?>
</div>
<div id="menu">
  <ul id="tabnav">
    <li><a href="services.php">Services</a></li>
    <li><a href="neuf.php">Véhicules neufs</a></li>
    <li><a href="recherche_occasion.php">Véhicules d'occasion</a></li>
    <li><a href="entreprise.php">L'entreprise</a></li>
    <li><a href="groupe.php">Le groupe</a></li>
    <li class="active"><a href="index.php">Accueil</a></li>
  </ul>
  </div>
  <div id="extradiv">
  <div id="leftColumn">
    <? require("adresse.php") ; ?>
 <br />
    <div class="navoitures" align="left">
blabla    </div>
  </div>
  <div id="content">
 
      <h3>Bienvenue sur le site de RENAULT Cluses! </h3>
      <p>Venez vite profiter de nos offres du moment ! </p>
      <table align="center">
        <tr>
          <td align="center"><a href="javascript:gotoshow()"><img src="<a href="http://www.renault-cluses.com/images/operations/actionEnCour.png" target="_blank">http://www.renault-cluses.com/images...tionEnCour.png</a>" name="slide" align="middle" alt="Offre en cours" width="300" height="200" border="0"
   style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" /></a>
                    </td>
        </tr>
      </table>
      <br />
      <br />
      <br />
</div>
</div>
<div id="footer"><a href="<A href="mailto:estelle.brocard@renault-cluses.com">Webmaster</a>&nbsp">mailto:estelle.brocard@renault-cluses.com">Webmaster</a>&nbsp; SITE EN COURS DE MODIFICATION</div>
</div>
</body>
</html>

Et le css des principales id :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
body {
    margin: 0px;
    padding: 0px;
    background-color:#eaeaea;
}
 * {
margin:0;
padding:0;
}
 
#leftColumn {
    background-color: #eaeaea;
    float:left;
    width: 213px;
 margin-left:0px;
  margin-top:0px;
  min-height:400px;
}
 
.navoitures {
position:relative;
 float:left;
 margin-left:0px;
 margin-top:130px;
 left: 0px;
 top: 0px;
  }
 
#content {
margin-left: 200px;
margin-top:0px;
background-color:#FFFFFF;
padding:5px 5px 5px 5px;
}
#footer {
    background-color: #999;
    clear:both;
 
.menu {
  position:relative;
  display:inline-table;
  width: 800px;
  height:8%;
  margin-left:0px;
  margin-top:3px;
  margin-bottom: 0px;
  background-color: #EAEAEA;
}
#extradiv {
    background-color: #eaeaea;
}

Voilà

Je vous mets ce qu'il y a dans adresse.php parce qu'on voit encore plus le problème avec :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<br />
<table width="200" cellspacing="0" cellpadding="5" align="left">
  <tr>
    <td align="left"  class="adtab"><b><font size="1" face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><br />
      RENAULT CLUSES VALLEE BLANCHE<br />
      340 Avenue André Gaillard<br />
      BP 128<br />
      74302 CLUSES CEDEX<br /><br />
      </font></b></td>
  </tr>
  <tr align="left">
    <td  class="adtab_bas"><a href="images/planCLuses.png" rel="lightbox" title="Plan de la concession"><b><font color="#0000FF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="images/triangle.gif" alt="Plan d'accès" width="12" height="10" border="0"/> Plan d'accès </font></b></a></td>
  </tr>
</table>
 <br />

16/05/2006, 18h42
Sheriff

re salut !
j'ai étudié ton code depuis hier... (j'étais sur ton site)
il n'y a à priori aucun pb et ça fonctionne très bien chez moi...
j'aimerais avoir un printscreen de ce que ça t'affiche, car c'est vraiment curieux...
@+
16/05/2006, 20h53
brotelle

Voilà la copie d'écran de la page d'accueil :

http://www.renault-cluses.com/images/screen.jpg

En tout cas merci pour l'attention que vous portez à mon problème!
17/05/2006, 09h25
Sheriff

salut !
peux-tu m'expliquer ce qui cloche dans cette page ?
la couleur d'arrière plan arrive jusqu'en bas, non ?
(et c'est bien ce que tu voulais)
Au besoin tu peux envoyer un printscreen de la page lorsque ça n'affiche pas entièrement la couleur d'arrière plan...
@+
17/05/2006, 11h28
brotelle

Je crois que tu as mal compris ce que je voulais dire... En fait c'est le background blanc où est écrit "bienvenu etc..." que j'aimerais qu'il s'affiche jusqu'au pied de page !
17/05/2006, 11h56
masu

Citation:

Envoyé par Sheriff

salut !
peux-tu m'expliquer ce qui cloche dans cette page ?
la couleur d'arrière plan arrive jusqu'en bas, non ?
(et c'est bien ce que tu voulais)
Au besoin tu peux envoyer un printscreen de la page lorsque ça n'affiche pas entièrement la couleur d'arrière plan...
@+

le screen a ete poste mais le bug se voit seulement sous IE. Je pense que c'est pour ce que tu n'a pas vu ce qui n'allais pas.
17/05/2006, 12h59
Sheriff

j'avais compris que dalle depuis le début... sorry
arrange-toi pour que ton td du milieu ait le même rowspan que celui de gauche... il va s'étirer avec ce dernier...
@+
17/05/2006, 13h45
sourivore

Tu peux faire un test en JS en fonction de la résolution du client pour spécifier la hauteur de ton tableau.
17/05/2006, 14h04
brotelle

Je ne comprends pas, je n'ai pas de tableau... c'est la div que j'aimerais qu'elle aille jusqu'au pied de page
17/05/2006, 14h06
sourivore

Je parle du tableau qui contient ton div.
17/05/2006, 14h09
brotelle

Lol je dois être bête mais ma div n'est pas dans un tableau
17/05/2006, 14h11
masu

ya des div qui contiennent des tableau mais pas l'inverse.

bon je voi pas trop ou IE pourai bloquer, si j'ai un peu de temps je vai essayer de regarder ca un peu plus pret.
17/05/2006, 14h13
sourivore

Ca dépend de la façon dont c'est fait.
Enfin bon là j'ai été voir dans le source c'est trop mal fichu alors je ne peux que te conseiller de retravailler ton code.
17/05/2006, 14h16
brotelle

C'est le premier site que je fais, normal qu'il soit pas très bien fait... Si je mets à chaque fois un tableau dans la div accueil sur chaque page et que je spécifie height ça devrait passer?
17/05/2006, 14h24
brotelle

J'ai rien dit, avec le height ça marcherait pas sur toutes les pages
17/05/2006, 14h33
brotelle

Mais sinon masu, tu m'avais donné une autre organisation de mes pages et div avec un nouveau css, je t'ai renvoyé mon code modifié car il y avait un problème d'alignement de div, as-tu regardé le problème?
17/05/2006, 14h44
masu

Citation:

Envoyé par brotelle

Mais sinon masu, tu m'avais donné une autre organisation de mes pages et div avec un nouveau css, je t'ai renvoyé mon code modifié car il y avait un problème d'alignement de div, as-tu regardé le problème?

desolé ou ca le code mon code que tu as modifié?
17/05/2006, 14h49
brotelle

oui et que je t'ai renvoyé en page 5

Apres un peu d'optimisation on a la page html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!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>
<title>Renault Cluses - Vente de véhicules neufs Renault et d'occasion toutes marques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="styles_css/js/prototype.js"></script>
<script type="text/javascript" src="styles_css/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="styles_css/js/lightbox.js"></script>
<link rel="stylesheet" href="Renault_fichiers/lightbox.css" type="text/css" media="screen" />
<link href="Renault_fichiers/test.css" rel="stylesheet" type="text/css" />
<link href="Renault_fichiers/menu.css" rel="stylesheet" type="text/css" />
<script  type="text/javascript" language="JavaScript1.1">
<!--
//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit http://www.dynamicdrive.com for this script
//specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("http://www.renault-cluses.com/images/operations/actionCliquer.png","http://www.renault-cluses.com/images/operations/actionEnCour.png")
//specify corresponding links
var slidelinks=new Array("http://www.renault-cluses.com/recherche_occasion.php","http://www.renault-cluses.com/recherche_occasion.php")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//-->
</script>
</head>
<body>
<div id="container">
  <table width="100%" bgcolor="#ffffff">
    <tr align="center">
      <td align="left"><img src="Renault_fichiers/logo_jaune_renault.jpg"  alt="Renault" width="76" height="81"></img></td>
      <td align="left"><img src="Renault_fichiers/typogramme_renault.gif" alt="Renault"  width="129" height="81"></img></td>
      <td align="right"><img src="Renault_fichiers/createur_fr.gif" alt="Renault"  width="292" height="67"></img></td>
    </tr>
  </table>
  <div id="head2"> <img src="Renault_fichiers/bandeau_cluses.jpg" alt="bandeau" width="800" height="167" /> </div>
  <div id="menu">
    <ul id="tabnav">
      <li><a href="services.php">Services</a></li>
      <li><a href="neuf.php">Véhicules neufs</a></li>
      <li><a href="recherche_occasion.php">Véhicules d'occasion</a></li>
      <li><a href="entreprise.php">L'entreprise</a></li>
      <li><a href="groupe.php">Le groupe</a></li>
      <li class="active"><a href="index.php">Accueil</a></li>
    </ul>
  </div>
  <div id="extradiv">
    <div id="leftColumn"> <br />
      <div id="adresse"> <strong>RENAULT CLUSES VALLEE BLANCHE</strong> 340 Avenue André Gaillard<br />
        BP 128<br />
        74302 CLUSES CEDEX<br />
        <br />
        <a href="images/planCLuses.png" rel="lightbox" title="Plan de la concession"><img src="Renault_fichiers/triangle.gif" alt="Plan d'accès" width="12" height="12" />&nbsp;Plan d'accès</a> </div>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <p>spacer</p>
      <div class="navoitures" align="left">&nbsp;</div>
    </div>
    <div id="content">
      <h3>Bienvenue sur le site de RENAULT Cluses! </h3>
      <p>Venez vite profiter de nos offres du moment ! </p>
      <div align="center"><a href="javascript:gotoshow()"><img src="Renault_fichiers/actionEnCour.png" name="slide" align="middle" alt="Offre en cours" width="300" height="200" id="encours" /></a></div>
    </div>
  </div>
  <div id="footer"><a href="mailto:estelle.brocard@renault-cluses.com">Webmaster</a>&nbsp; SITE EN COURS DE MODIFICATION</div>
</div>
</body>
</html>

le css menu

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/*Menu bandeau*/    
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #333;
}
 
ul#tabnav li {
    color: #006;
    float: right;
    height: 21px;
    background-color :#E6E600;
    margin: 2px;
    margin-bottom: 0 ;
    border: 1px solid #333;
}
 
ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
 
#tabnav a {
   float: left;
   display: block;
   color: #333;
   text-decoration: none;
   padding: 4px;
}
 
#tabnav a:hover {
   background: #fff;
}

le css general

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/*layout*/
* {
margin: 0;
padding: 0;
}
 
body {
    background-color:#eaeaea;
}
#container {
    width: 800px;
    margin: 0 auto;
    background: #fff;
}
 
#head2{
    background-color:#eaeaea;
}
#leftColumn {
    background-color: #eaeaea;
    float: left;
    width: 215px;
}
 
#content {
    margin-left: 215px;
    background-color: #fff;
    padding: 5px;
}
#footer {
    background-color: #999;
    clear: both;
    text-align:center;
}
#menu {
    padding-top: 3px;
    background-color: #eaeaea;
}
#extradiv {
    background-color: #eaeaea;
}
 
/*style*/
a img {
    border: 0;
}
#encours {
    margin: 20px auto;
    filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1);
}
#adresse {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
}

Voir 40 message(s) de cette discussion en une page