[Résolu] MIse en page : - Sous IE nicekl :p mais sous Opera c le dawaa... par barbarius - page 1

Bonsoir, je refait mon site (en attendant de recupere mon .com

) et donc je me suis mi au PHP et j'ai tt refait, sa sa marche, logikement après la programmation vient le design...

Et c'est là que je me casse les dents :diable:

Sous IE tout marche bien...
--> Mais c'est IE

Sous opera rien ne va plus...

Pour mon design j'ai utilisé des DIV aux quelles j'ai incorporé un bg-image depuis du CSS (a noter que mes connaissances en CSS sont assez reduite, j'avais suivi le cour de Mateo mais voila..)... Bon, le pb n'est pas là, c'est que sous Opera je retrouve un espace entre mes div...

Si vous avez OPERA ou si vous voulez juste regarder : ICI

PS : Je n'ai installé que IE et Opera sur ma becane, alors si une ame charitable peu me dire si sa fonctionne (ou pas

) sur d'autres navigateur je l'en remercie...

Enfin bon : dc mon header est en 3 parties (950px de large):
______________________________
| Le haut de mon header avec un logo
|_____________________________
| Le background du menu
|______________________________
|un degradé
|______________________________

Puis en dessous le contenue de mes pages...

Allez voir si vous comprenez pas : ici

Dc 4 div en tout...

Mais Opera insert un espace entre chaque div, ce qui est relativement moche qd meme

Le CSS correspondant :

body
{
background: #9F9F9F;
margin: 20;
padding: 0;
color: white;
}
.header1
{
width:950px;
height:80px;
background-image: url('header_01.jpg');
background-repeat: no-repeat;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 0px;
}
.header2
{
width:950px;
height:35px;
background-image: url('header_02.jpg');
background-repeat: no-repeat;
border-top: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 0px;
}
.header3
{
width:950px;
height:35px;
background-image: url('header_03.jpg');
background-repeat: no-repeat;
border-top: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 0px;
}
.conteneur
{
width:950px;
min-height:300px;
height:auto!important;
height:300px;
background: #676767;
border-top: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding-bottom: 20;
}

Je ne sais pas du tout comment arranger ça...
Besoin d'un coup de pouce..

Merci d'avance...

barbarius

3 décembre 2005 à 18:52:55