2 pièce(s) jointe(s)
rendu différent entre IE et FF ?
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:
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:
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 ?
