probleme de marges

Sujet résolu

3 décembre 2005 à 19:57:52

Bonsoir à tous,
je suis en train de faire une skin pour le sdz mais j'ai un petit souci.
En fait mon bloc du corps de page est décallé a gauche de 50px, et mon menu est placé par dessus avec un absolute. Je veux donc mettre un padding-left pour decaller le texte, mais quand je fais celà la largeur du bloc (du corps) s'agrandit. J'ai essayé en diminuant la largeur du bloc, cela fonctionne pour IE mais sous firefox ça ne change pas.
Je ne sais pas si vous avez saisi, ça doit pas être très clair

/* Corps */

#corps
{
width:900px;
min-height: 1230px; /* --- ne fonctionne pas sous IE --- */
background:url('../../images/designs/1/ombre.jpg') repeat-x;
background-color: #FFFFFF;
border: 1px solid #000000;
border-top: 0px;
padding: 0px;
padding-top: 10px;

/* padding-left: 175px; --- avec ça tout la presentation est décallée :/ */

margin-left: 50px;
margin-top: 0px;
overflow:hidden;
}

#menu
{
position: absolute;
left: 65px;
width: 150px;
margin-left:0px;
margin-right:0px;
margin-top: 20px;
}

moejul

3 décembre 2005 à 20:01:08

Bonsoir,

Je n'ai pas vraiment tout compris... Aurais-tu un exemple?

Merci

g4x

3 décembre 2005 à 20:06:17

en image ça sera plus simple:

1) sans padding-left, tout est aligné, mais le texte est derriere le menu
ICI

2) avec padding-left, le texte n'est plus derriere le menu mais le bloc n'est plus bien aligné
ICI

moejul

3 décembre 2005 à 20:13:18

Salut,

Je pense qu'en réduisant le width de ton corps (à 600px ?), ça irait mieux... Je ne te garantis rien

g4x

3 décembre 2005 à 20:22:00

c'est ce que j'explique dans le premier message ... avec internet explorer celà fonctionne mais sous firefox il n'y a aucune différence

mebon

3 décembre 2005 à 21:08:06

Modifier le width est bien ce qu'il faut faire, mais n'oublie pas de le modifier aussi à la ligne en dessous

/* Sur IE en 800x600, la largeur maximale du corps est de 83% (sinon le design est bousill?)
Sur les navigateurs autres que IE, on peut gagner 1% de largeur alors on en profite

*/
html>body #corps
{
width:900px;
}

en fait tu devrais même complètement supprimer ces 5 lignes, elles servaient au skin par défaut mais à toi elles te servent plus à rien.

(Bon hein, j'aurais fait quelque chose en fin de compte ^^)

g4x

4 décembre 2005 à 11:21:19

ahh super

merci mebon

(je viendrai surrement t'embeter par mp pour l'une ou l'otre chose encor

)