5568 sujets

Sémantique web et HTML

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 :
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)
et comme ça :

body { 
background: URL(logoSobblanc10.jpg);
text-align: center;
margin: 0;
padding: 0;
}

#global {
margin: 0 auto;
width: 800px;
height: 460px;
border: 1px solid #333;
background-color: #FFFFFF;
}


essaye...
Non en fait ça ne centre qu'en horizontal et pas en vertical sur Pc, et sur Mac ça provoque une erreur et IE se quitte sur un message d'erreur.
Merci quand même.


Si quelqu'un à une autre possibilité n'hésitez pas.
Merci beaucoup.