Probleme de table depuis que j'ai rajouter un css

Version imprimable

Bonjour à tous, essayant de me remettre au goût du jour en html. J'ai quelques soucis avec explorer...
Mon includes qui est un sous menu est décalé, il devrait être collé à l'includes menu mais non.

Ceci parce que j'ai voulu avoir une page en 100% verticale, j'ai utilisé le CSS car sinon, je suis obligé de virer le doctype.
Je me demande de plus en plus si c'est vraiment utile le doctype...

Je vous colle le code car je vois vraiment pas ou ça coince.

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
 
<!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>Document sans titre</title>
 
 
<link href="feuille.css" rel="stylesheet" type="text/css" />
</head>
<table width="990" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="container">
  <tr>
 
    <td height="195" valign="top"><?php include('includes/menu-haut.php'); ?></td>
  </tr>
  <tr >
    <td height="10" valign="top"><?php include('includes/sous-menu.php'); ?></td>
  </tr>
  <tr>
     <td valign="top">
	  		<br>
        <br>
        <br>
        000</td>
  </tr>
  <tr>
    <td height="50"><div align="center">
      <?php include('includes/copyright.php'); ?>
    </div></td>
  </tr>
</table>
</body>
</html>

Et ma feuille de style

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
html, body {
height: 100%;
  margin: 0;
  padding: 0;
  border: none
}
 
#container {
border-left:solid;
border-right:solid;
border-width: 1px;
border-color:#000000;
 }

Merci d'avance.

18/06/2008, 20h29
Bovino

Désolé, je pense que tu ne nous montres pas assez de code pour pouvoir te répondre...
Si ton problème vient des CSS, en dehors du fait que là c'est la section HTML, il faut bien comprendre que pour résoudre ce problème, on doit pouvoir se faire une idée de l'héritage...
L'idéal : tu aurais un lien à nous proposer vers ta page ?

Bonjour,

le soucis justement c'est qu'il n'y a que ça, le contenu des includes étant simplement une image (c'est provisoire, elles seront remplacées par des menus). Mais hier soir, comme par magie, enfin j'ai l'habitude de trouver un bug soit le soir soit le vendredi soir ....

Je redonne mon code, on sait jamais si j'avais des surprises par la suite.

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
<!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></title>
 
<link rel="stylesheet" href="../saboteur.css" type="text/css">
<link href="saboteur.css" rel="stylesheet" type="text/css" />
</head>
<table width="990" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="1" rowspan="4" bgcolor="#000000"><img src="commun/pix-noir.gif" width="1" height="1" /></td>
    <td width="988" height="195"><?php include('../includes-niveau-2/menu-haut.php'); ?></td>
    <td width="1" rowspan="4" bgcolor="#000000"><img src="commun/pix-noir.gif" width="1" height="1" /></td>
  </tr>
  <tr>
    <td height="25"><?php include('../includes-niveau-2/sous-menu.php'); ?></td>
  </tr>
  <tr>
    <td height="100%" valign="top"><br />
        <?php include('../includes-niveau-2/banniere.php'); ?>
        <br />
        <table width="970" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="1" rowspan="2"><img src="commun/pix-trans.gif" width="1" /></td>
            <td width="727" valign="top"><div align="center">
              <p align="left" class="justify">contenu<br />
              <br />
              <br />
              <br />			  
            </div> 
</td>
            <td width="180" rowspan="2" valign="top"><div align="center">
                <?php include('../includes-niveau-2/colonne-droite.php'); ?>
            </div></td>
            <td width="1" rowspan="2"><img src="commun/pix-trans.gif" width="1" height="1" /></td>
          </tr>
          <tr>
            <td valign="top"><?php include('../includes-niveau-2/services.php'); ?></td>
          </tr>
      </table></td>
  </tr>
  <tr>
    <td><div align="center">
      <?php include('../includes-niveau-2/copyright.php'); ?>
    </div></td>
  </tr>
</table>
</body>
</html>

et pour le css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background:#333333
 
 
}
 
#container {
height: 100%;
border-left:solid;
border-right:solid;
border-width: 1px;
border-color:#000000;
 }

Donc ça fonctionne mais bon ... le WC3 et leur doctype, franchement je suis pas convaincu...

19/06/2008, 16h37
desert

Le problème vient du fait que tu utilises des tableaux (imbriqués) pour ta mise en page. C'est le meilleur moyen de s'embrouiller les pinceaux.
D'où l'utilité d'utiliser des div, tu y gagneras en visibilité et en maintenance.
PS: oui, le doctype a bien une utilité.