Lorsque l'on réduit la taille de l'écran sous IE (50% au lieu de 100%) et bien le texte n'est plus au milieu et le menu se décale, je n'ai pas se souci sous mozilla ! comment faire pour éviter cela s'il vous plait ?
Voici une image pour vous montrer le pb (voir les flèches rouges) : http://img5.imageshack.us/my.php?image=csswebaz.png
Le code si besoin :
body {
margin : auto;
padding : 0;
font-size: 12px;
color : #000000;
font-family: Arial, Helvetica, sans-serif;
background: #f5bcd5 ;
}
img {
border: 0;
}
form {
margin: 0;
padding:0;
}
input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color : #000000;
font-size : 11px;
background : #ae6e80;
border : 1px solid #501520;
font-weight: normal;
margin: 1px;
}
/******************** LIENS ********************/
a {
color : #000000;
font-weight: bold;
text-decoration: none;
}
a:hover {
color : #000000;
font-weight: bold;
text-decoration: underline;
}
#header_bas ul {
list-style-type : none;
padding: 0;
margin: 0;
padding-right: 130px;
}
#header_bas li {
float : right;
padding: 0;
margin: 0;
}
#header_bas li a {
background : url('images/header_lien.png') no-repeat;
width: 134px;
font-size: 12px;
padding: 6px 0px 7px 0px;
display : block;
text-align: center ;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
margin: 0 8px 0 8px;
}
#header_bas li a:hover {
color : #F8C2CB;
text-decoration: none;
}
#menu_gauche a {
color: #666666;
text-decoration: none;
font-weight: normal;
}
#menu_gauche a:hover {
color: #666666;
text-decoration: underline;
}
#footer a {
color : #FFFFFF;
text-decoration: none;
}
#footer a:hover {
color : #FFFFFF;
text-decoration: underline;
}
/******************** LIENS ********************/
/******************** DESIGN GLOBAL ********************/
#fond_global {
background: url('images/fond.png') repeat-x top;
min-height: 651px;
}
#global {
margin : auto;
width: 1013px;
padding-top: 18px;
}
#header {
height: 171px;
}
#header_bas {
background: url('images/header_bas.png') no-repeat;
height: 33px;
}
#stats_1 {
float: left;
background: url('images/stats_1.png') no-repeat;
width: 244px;
height: 96px;
}
#stats_1 p {
margin: 0;
color: #FFFFFF;
font-weight: bold;
padding: 42px 42px 0 80px;
text-align: center;
}
#stats_2 {
float: left;
background: url('images/stats_2.png') no-repeat;
width: 223px;
height: 96px;
}
#stats_2 p {
margin: 0;
color: #FFFFFF;
font-weight: bold;
padding: 42px 42px 0 60px;
text-align: center;
}
#stats_3 {
float: left;
background: url('images/stats_3.png') no-repeat;
width: 223px;
height: 96px;
}
#stats_3 p {
margin: 0;
color: #FFFFFF;
font-weight: bold;
padding: 42px 42px 0 52px;
text-align: center;
}
#stats_4 {
float: left;
background: url('images/stats_4.png') no-repeat;
width: 323px;
height: 96px;
}
#stats_4 p {
margin: 0;
color: #FFFFFF;
font-weight: bold;
padding: 36px 142px 0 52px;
text-align: center;
}
#container_header {
clear: both;
background: url('images/container_header.png') no-repeat;
height: 30px;
}
#container_fond {
background: url('images/container_fond.png') repeat-y;
}
#menu_gauche {
float: left;
width: 161px;
padding-top: 15px;
position: relative;
left: 43px;
}
#menu_gauche p {
padding: 0 14px 0 14px;
}
.menu_separ {
height: 2px;
background: url('images/menu_separ.png') no-repeat;
margin: 18px 0 18px 0;
}
#contenu_centre {
float: left;
width: 648px;
padding-top: 10px;
position: relative;
left: 63px;
}
#news {
height: 73px;
background: url('images/news.png') no-repeat;
margin-bottom: 14px;
}
#news p {
margin: 0;
color: #FFFFFF;
font-weight: bold;
padding: 28px 30px 0 126px;
}
.bloc_1_fond {
background: url('images/bloc_1_fond.png') repeat-y;
}
.bloc_1_fond p {
margin: 0;
padding: 2px 35px 0 35px;
text-align:justify;
font-size: 11px;
}
.bloc_1_bas {
background: url('images/bloc_1_bas.png') no-repeat;
height: 31px;
margin-bottom: 14px;
}
.bloc_2_fond {
background: url('images/bloc_2_fond.png') repeat-y;
}
.bloc_2_fond p {
margin: 0;
padding: 2px 35px 0 35px;
text-align:justify;
font-size: 11px;
}
.bloc_2_bas {
background: url('images/bloc_2_bas.png') no-repeat;
height: 29px;
margin-bottom: 14px;
}
#pub_droite {
float: right;
width: 141px;
padding-top: 40px;
}
.pub_haut {
background: url('images/pub_haut.png') no-repeat;
height: 44px;
}
.pub_fond {
background: url('images/pub_fond.png') repeat-y;
text-align: center;
padding-right: 2px;
}
.pub_bas {
background: url('images/pub_bas.png') no-repeat;
height: 22px;
margin-bottom: 14px;
}
#container_footer {
background: url('images/container_footer.png') no-repeat;
height: 30px;
}
#pub {
background: url('images/pub.png') no-repeat;
width: 472px;
height: 64px;
margin: 20px 0 20px 0;
position: relative;
left: 230px;
}
#pub p {
margin: 0;
padding-top: 2px;
text-align:center;
}
#footer {
background: url('images/footer.png') no-repeat;
height: 42px;
margin-bottom: 16px;
}
#footer p {
font-weight: bold;
color: #FFFFFF;
padding: 5px 140px 0 40px;
text-align: center;
font-size: 11px;
line-height: 16px;
}
/******************** DESIGN GLOBAL ********************/
