Cadre CSS avec Div

Salutation à vous et merci à ceux qui me répondront cela me sortira du pétrin dans lequel je me suis mis...

Dans un souci d'utiliser les standarts du WEB et de ne pas abuser des tableaux, je tente de faire passer un site en css. Par manque d'entrainement j'ai encore quelque soucis.
Ainsi pour le moment je tente simplement de faire un cadre absolument propre.
j'ai essayé de suivre le tuto de Bogoris

Et voilà ou j'en suis : Site avec cadre
Comme vous pouvez le constater ça fonctionne sur firefox, mais sur IE c'est pas top

sur d'autre navigateur j'en ai aucune idée, mais pour le moment ceux naviguant sur le site n'utilisent que ces 2 là (et puis si IE et Firefox marche ce serait déjà pas mal :-°

)

pour le cadre du haut :

<div class="haut_1titre"><div class="haut_2titre"><div class="haut_titre"></div></div></div>
<div class="titre_1"><div class="titre_2"><div class="bandetitre">
Titre<br />

</div></div></div>
<div class="milieu_1"><div class="milieu_2"><div class="milieu">
menu<br />
menu<br />
menu<br />
menu<br />
menu<br />


</div></div></div>

.haut_1titre
{
background : url("cadre_nw/coin_NO_titre.gif") no-repeat left ;
padding-left: 18px ;
height : 7px ;
}
.haut_2titre
{
background : url("cadre_nw/coin_NE_titre.gif") no-repeat right ;
padding-right: 18px ;
height : 7px ;
}
.haut_titre
{
background : url("cadre_nw/bande_N_titre.gif") repeat-x ;
width : 100% ;
height : 7px ;
}
.titre_1
{
background : url("cadre_nw/coin_O_titre.gif") repeat-y left ;
padding-left: 18px ;
}
.titre_2
{
background : url("cadre_nw/coin_E_titre.gif") repeat-y right ;
padding-right: 18px ;
}
.bandetitre /* definit le texte central (titre) */
{
background : #424142 ;
color : #ffffff;
width : 100% ;
}
.milieu_1
{
background : url("cadre_nw/coin_O.gif") repeat-y left ;
padding-left: 18px ;
}
.milieu_2
{
background : url("cadre_nw/coin_E.gif") repeat-y right ;
padding-right: 18px ;
}
.milieu /* definit le texte central*/
{
color : black ;
width : 100% ;
}

Merci à vous

Firefox : OK /// IE : KO (mince :o/ )

Cadre CSS avec Div

Supprimer

Modérer

Signaler le message aux modérateurs