28173 sujets

CSS et mise en forme, CSS3

Hello,

Vous feriez comment pour mettre le premier cadre rouge au même niveau
dans tous les navigateurs ?

Exemple

Perso et jusque maintenant je faisais !important mais bon .... les choses ont changés. Je me demande donc si il n'y a pas un moyen "naturel" de les aligner.

Merci et bonne joournée.
Bonjour,

A tester, mais j'aurais fait :

#centre {
position: relative;
height : 776px ; 
margin : 0 ; 
padding : 0 ; 
background :  green;
}



#gauche {
position: absolute;
top: 0;
left: 20px;
width : 250px;
background : red ;
overflow: hidden; 
 }


#droite {
margin-left: 290px;
width : 250px;
background : yellow ;
overflow: hidden; 
}
Hello et merci,


J'ai pris pour habitude de développer mes sites à 2
colonnes en float left.

CAD : 1 conteneur qui contient 2 blocs :

Le gauche (menu) et le droit (conteneur principal).

A cause du BG je dois souvent décaler mon premier
bloc de 10, 20 pixels ..

Par exemple :

10 pixels chez Firefox
20 pixels chez IE

Jusque maintenant j'utilisais à chaque fois un hack, soit :

!important


soit quelque chose du style :

html>body #menu{ margin-left: 10px ; }




Il semblerait que ces 2 hacks ne sont plus pris en compte par IE7,
je remplace donc mes hacks habituels pas une css conditionnel ....

Mais bon .....

Je me demandais donc si ce n'est pas moi qui utilise une mauvaise méthode
et si il n'y a pas une autre solution que de passer par les hacks ...


C'est a dire ... ne pas utiliser les float comme le propose ghost ?
(et sib dans ces exemples de mises en pages si ma mèmoire est bonne) ...

En esperant avoir été un peu plus clair.

Merci.