Discussion :

[Piotr Raspoutine]

Bonjour a tous,

j'ai un petit soucis avec le corp de ma page web: internet explorer s'acharne a le placer sous mon menu alors qu'il n'y a aucuns problemes avec firefox.
Quelqu'un a-t-il la solution a ce probleme svp?

le css des <div> concernées

#menu
{
float: left;
width: 150px;
height: 160px;
margin-top: 20px;
background-image: url("images/fond3menu.jpg");
}

#corp
{
width: 595px;
height: 780px;
margin-left: 190px;
padding-left: 25px;
background-image: url("images/fond3corp.jpg");
}
...et l'adresse de la page si une ame charitable veut se faire une idée de mon probleme...
http://stg.power-heberg.com/acceuil-1.html
merci d'avance

[MasterOfChakhaL]

peut être avec un float:left pour le corps également.
Il te faudra alors ajuster les marges et padding

ou alors cela:

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
#menu
{
float: left;
width: 150px;
height: 160px;
margin-top: 20px;
background-image: url("images/fond3menu.jpg");
}

#corp
{
width: 595px;
height: 780px;
margin-left: -190px;
background-image: url("images/fond3corp.jpg");
}

[Piotr Raspoutine]

Merci pour ta reponse

le float :left; ne resoud pas le probleme.

Quand a la deuxieme solution, elle le corrige sur IE mais balance le #corp sur la gauche de la page avec FF

==>je vais essayé de bidouiller en partant de ce debut de solution .

[<romain/>]

Si tu mes les deux en float : left et que tu vires le margin left que tu as mis a ton corp ca devrait fonctionner

[masu]

le padding-left du corp semble en cause, retire le et pour recreer la marge fait ensuite un truc du genre

Code :

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

1
2
3
4
 
#corp p{
  padding-left: 25px;
}

[Piotr Raspoutine]

Si tu mes les deux en float : left et que tu vires le margin left que tu as mis a ton corp ca devrait fonctionner

merci beaucoup ça a fonctionné.j'ai du reajuster avec
margin-top: 20px; et margin-right: 30px; pour recadrer.

Il me reste une mini-marge de 5px non-désirée sur la droite mais bon, c'est beaucoup mieux qu'un pavet vide au-dessus (en fait des que je mets margin-right: 31px; ça revient a la ligne)

[<romain/>]

(en fait des que je mets margin-right: 31px; ça revient a la ligne)

Si tu reviens a la ligne c'est que tu n'as pas assez de place pour tout mettre sur la ligne...
Sinon les 5 px a droite ca doit etre jsute l'espace restant, parceque au vue de ton code il n'y pas de raison

[Piotr Raspoutine]

c'est bien ça merci.

Je ne vais plus etre obligé de dire aux visiteurs du site d'utiliser FF (quoique... )