Discussion :

[guimotri]

Bonjour,

Je viens vous demander un pti coup de pouce.

J' ai un site joomla depuis quelques mois dont la template est ianus-blue.
Je suis actuellement entrain de la modifier et de la personnaliser.

A l'origine, elle est taillée en 800*600. Je l'ai passé en 1260. Seul petit hic, sous firefox 2.., le calage des blocs est ok, en revanche sous ie6, j ai le bloc du milieu (main_container et main_body) qui s'elargit et decale celui de droite (modul_header+modul_container+modul_content+modul_ footer).

cf mon site:http://www.furiouswacky.net/furiouswacky/index.php

J'ai essayé de jongler dans le css avec les propriétés float mais sans résultat.
Après, vu qu'à l'origine cette template est taillée en 800 de large, peut-être y a t il des modifs à faire dans le index.php, mais je suis un newb dans ce domaine.

Je reste à votre disposition pour vous donner d'avantage d'info afin de faire avancer mon schmilblic.

Merci d'avance.

[Huntress]

Bonsoir,

Je pense que ceci est dû au fameux bug d'IE6 qui double les marges (cf. http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx), ce que tu peux faire (si c'est bien çà), c'est d'utiliser un hack :

Code :

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

1
2
3
4
5
6
div#ma_div {
    ...
    margin: 20px; /* pour firefox et les autres */
    _margin: 10px; /* pour IE tu divises par 2 */
    ...
}

Note : l'ordre est important.. l'attribut normal et après le hack !

Avant j'utilisais le underscore pour hacker... et puis après je suis passée au +... il faudrait que tu fasses des tests... parce que je crois que le underscore ne marche plus... enfin je sais plus fais des tests, toujours dans l'hypothèse où c'est bien ton problème... sinon disons que j'ai rien dit

[guimotri]

Merci de ta péponse.
Dans le css de la template que je modifie, il y a une gestion de ces pb sous ie

ex:

#content_container {
display : block;
float : left;
background : #262626/* url(../images/guimo_Body.gif) repeat-y*/;
border : 0px solid #000;
width : 1260px;
min-height : 370px;
}

*html #content_container {
height : 370px;
}

J ai tout de même testé avec la méthode !important
Sans succés

[guimotri]

j ai résolu mon problème en mettant ce code au début de mon css :

* {margin:0;padding:0}

apparement, ca met pour tous les explorateurs, toutes les valeurs par défaut de padding et de marge à 0.