Bonjour à vous
Tout d'abord un grand merci pour l'aide précieuse que vous apportez tous à de nombreux webmasters amateurs et autodidactes comme moi.
Entrons dans le vif du sujet: depuis quelques temps j'essaie de m'appliquer à respecter à la fois les standards et la plus grande accessibilité possible. Tout va bien sauf que je ne comprends pas ce petit détail:
Pourquoi dans le code qui suis, la div positionnée en absolute me rend-elle une zone qui me crée un ascenceur horizontal, alors qu'une div avec les même caractéristiques mais sans précision de positionnement se place automatiquement à un 100% normal.
Je précise que j'ai enlevé les marges et padding comme conseillé dans d'autres posts, que j'ai vérifié sous IE7 et FF2 et pour une fois ils sont d'accord et que ces deux div ont pour parent body himself (qui n'a aucune marge non plus).
Alors là j'appelle à l'aide car je ne comprends pas, j'ai lu et relu tout ce que j'ai trouvé sur les positionnements et quelque chose a dû m'échapper.
Merci à vous qui aurez la patience d'éclairer ma lanterne ;o)
Voici mon css:
Et voici mon fichier html (je vous épargne le doctype, et le head où le css est correctement relié)
Avis aux amateurs... ;o)
Modifié par NicoB (25 Jan 2007 - 11:17)
Tout d'abord un grand merci pour l'aide précieuse que vous apportez tous à de nombreux webmasters amateurs et autodidactes comme moi.
Entrons dans le vif du sujet: depuis quelques temps j'essaie de m'appliquer à respecter à la fois les standards et la plus grande accessibilité possible. Tout va bien sauf que je ne comprends pas ce petit détail:
Pourquoi dans le code qui suis, la div positionnée en absolute me rend-elle une zone qui me crée un ascenceur horizontal, alors qu'une div avec les même caractéristiques mais sans précision de positionnement se place automatiquement à un 100% normal.
Je précise que j'ai enlevé les marges et padding comme conseillé dans d'autres posts, que j'ai vérifié sous IE7 et FF2 et pour une fois ils sont d'accord et que ces deux div ont pour parent body himself (qui n'a aucune marge non plus).
Alors là j'appelle à l'aide car je ne comprends pas, j'ai lu et relu tout ce que j'ai trouvé sur les positionnements et quelque chose a dû m'échapper.
Merci à vous qui aurez la patience d'éclairer ma lanterne ;o)
Voici mon css:
body {
color: #ffffff;
}
#bloc_cool{
width: 100%;
background-color: #800000;
}
#bloc_pascool{
position:absolute;
top: 7.7em;
width: 100%;
background-color: #006699;
}
Et voici mon fichier html (je vous épargne le doctype, et le head où le css est correctement relié)
<body>
<div id="bloc_cool">
Cool il est bien celui là
</div>
<div id="bloc_pascool">
Pas cool... il déborde celui là
</div>
</body>
Avis aux amateurs... ;o)
Modifié par NicoB (25 Jan 2007 - 11:17)
