rendu différent entre IE et FF ?

**Louis Griffont** · 10/12/2009, 11h53

Bonjour,

Je débute en html, css pour faire un petit site perso et sans prétention.

JE regarde à droite et à gauche et essai de voir comment faire.

Je voulais déjà voir comment séparer ma page en plusieurs morceaux avec les "div".

J'ai crée ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
/* CSS Document */
div
{
  text-align:center;
}
div#bandeau 
{
  width:*;
  height:50px;
  background-color:#00CCFF;  
}
div#contenu
{
  width:auto;
  height:400px;
  background-color:#FFCC00;
}
div#piedpage
{
  clear:both;
  width:*;
  height:50px;
  background-color:#33FF99;
}
div#menu
{
  float:left;
  width:100px;
  height:400px;
  background-color:#FF6699;
}

et une page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
  <link rel="stylesheet" type="text/css" href="./style/style-div.css">
  </head>
  <body>
    <div id="bandeau">
      <h1>Bienvenue sur le site de Louis Griffont</h1>
    </div>
    <div id="menu">
       Menu à la carte
    </div>
    <div id="contenu">
      <p>Le bla bla de ma page...</p>
    </div>
    <div id="piedpage">
      Pied de page
    </div>
  </body>
</html>

J'utilise normalement FF ! A la vue du résultat, j'ai regardé si j'obtenais la même chose sous IE.
Les 2 images ci-dessous donnent les résultats bien différents selon le navigateur !

Quelqu'un pourrait m'expliquer le pourquoi de la différence et ce que j'ai mal fait ?

rendu différent entre IE et FF ? [CSS 2]

CSS

Mode arborescent

Discussions similaires

Partager

Partager