Bonsoir,
Je me permets de m'inscrire sur le forum alsacreation car après avoir acheté le livre de Raphael Goetter (Edition Eyroles) il faut bien que je trouve la solution à mes problèmes autre part
Bon et bien rien qu'avec ça j'ai un problème étrange et je boucle dessus (j'ai pourtant déjà fait 2 sites complets en css...). Peût être allez-vous pouvoir m'aider. J'ai volontairement isolé et épuré le bout de code en question du reste du site afin de ne pas avoir de code parasite. Ca donne donc un truc très simple : un div et un h2.
Lorsque je veux placer le h2 à 20pix du bord haut du div, le fond du div se déplace de 20pix sous FF (pas sous IE)... je ne comprends pas pourquoi ?
D'autant que lorsque je rajoute une bordure de 1pix histoire de voir qui déconne, tout se replace comme si de rien n'était...j'avoue que je ne comprends pas 
J'ai peut être plus le recul nécessaire pour voir la petit boulette à deux sous, alors je poste et je verrais ça demain à tête reposée...
Modifié par Netrunner (23 May 2006 - 09:32)
Je me permets de m'inscrire sur le forum alsacreation car après avoir acheté le livre de Raphael Goetter (Edition Eyroles) il faut bien que je trouve la solution à mes problèmes autre part
Bon et bien rien qu'avec ça j'ai un problème étrange et je boucle dessus (j'ai pourtant déjà fait 2 sites complets en css...). Peût être allez-vous pouvoir m'aider. J'ai volontairement isolé et épuré le bout de code en question du reste du site afin de ne pas avoir de code parasite. Ca donne donc un truc très simple : un div et un h2.
Lorsque je veux placer le h2 à 20pix du bord haut du div, le fond du div se déplace de 20pix sous FF (pas sous IE)... je ne comprends pas pourquoi ?
D'autant que lorsque je rajoute une bordure de 1pix histoire de voir qui déconne, tout se replace comme si de rien n'était...j'avoue que je ne comprends pas J'ai peut être plus le recul nécessaire pour voir la petit boulette à deux sous, alors je poste et je verrais ça demain à tête reposée...
<style type="text/css" media="all">
#partie1 {
background: url(test.jpg) top left no-repeat; //l'image fait la taille du div
width: 755px;
height: 453px;
padding:0;
margin:0;
/*border: #FF00FF 1px solid;*/
}
#partie1 h2 {
background: url(test2.jpg) top left no-repeat;
width: 302px;
height: 21px;
padding: 0;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#partie1 h2 span {
display: none;
}
</style>
<div id="partie1"><h2><span>Pourquoi ?</span></h2></div>Modifié par Netrunner (23 May 2006 - 09:32)
.
) mais en fait ne sachant pas d'où venait réellement le problème je ne savais tout bonnement pas quoi chercher. Je suis arrivé sur le forum d'alsacreations en cherchant "decalage de div margin-top disparait avec border" sur google...
(23 May 2006 - 09:34)