Salut à tous,
J'ai fait un site qui est centré au milieu de l'écran.
Pour ça j'ai suivi les instructions (avec marges négatives) à ce propos dans la partie "Tutoriels".
Malheureusement il faut que le site marche absolument sur IE sous Mac (mais ça aurait été trop beau que ca marche)
Il y a-t-il une astuce assez rapide pour régler ce problème?
Et sinon est-il possible de détecter si la personne se connecte avec IE sous Mac pour le rediriger vers une page htlm compatible?
Merci beaucoup.
voici la source de mon CSS :
Modifié par Mat123 (04 Jul 2006 - 13:15)
J'ai fait un site qui est centré au milieu de l'écran.
Pour ça j'ai suivi les instructions (avec marges négatives) à ce propos dans la partie "Tutoriels".
Malheureusement il faut que le site marche absolument sur IE sous Mac (mais ça aurait été trop beau que ca marche)
Il y a-t-il une astuce assez rapide pour régler ce problème?
Et sinon est-il possible de détecter si la personne se connecte avec IE sous Mac pour le rediriger vers une page htlm compatible?
Merci beaucoup.
voici la source de mon CSS :
body { background: URL(logoSobblanc10.jpg);
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#global {
position:absolute;
left: 50%;
top: 50%;
width: 800px;
height: 460px;
margin-left: -400px; /* moitié de la largeur */
margin-top: -230px; /* moitié de la hauteur */
border: 1px solid #333;
background-color: #FFFFFF;
}
#header {
height: 10%;
background-color: ;
}
#centre {
position: absolute;
margin-left: 20%;
margin-right: 150px;
bottom:0;
height: 87%;
}
#centretitre {
position: relative;
top: 0;
height: 10%;
width : 600px
background-color: ;
}
#centretexte {
position: absolute;
bottom:0;
height: 350px;
width: 460px;
background-color: ;
}
#centreim {
position: absolute;
left: 30px;
top:0;
}
#centreadr {
position: absolute;
top: 165px;
left: 40px;
bottom: 0;
width: 460px;
background-color: ;
}
#centreplan {
position: absolute;
top: 178px;
left: 280px;
bottom: 40px;
width: 145px;
background-color: ;
}
#centretexteIMD {
position: absolute;
bottom:0;
height: 130px;
width: 460px;
background-color: ;
}
#gauchehauthaut {
position: absolute;
top:12%;
left: 0;
width: 17%;
height: 10%;
text-align: center;
}
#gauchehautmenu {
position: absolute;
top:25%;
left:2%;
width: 20%;
height: 25%;
background-color:;
}
#gauchehautim {
position: absolute;
top:25%;
left:2%;
width: 20%;
height: 25%;
background-color:;
}
#gauchebas1 {
position: absolute;
top:50%;
left:5px;
width: 20%;
height: 50%;
background-color:;
}
#droite {
position: absolute;
right:0;
bottom:0;
width: 150px;
height: 345px;
background-color: ;
}
Modifié par Mat123 (04 Jul 2006 - 13:15)