problème affichage css sous différents navigateurs - HTML/CSS - Programmation
Marsh Posté le 17-01-2012 à 15:55:26
Bonjour, Je suis en train de créer ma boutique sur internet mais j'ai un petit soucis je vous laisse voir par vous même : J'ai dû bidouiller le CSS pour avoir un rendu "potable" sous mozilla mais sa passe pas sous les autres navigateurs. Voilà un bout du CSS : #header { background: url('../img/vs-top-nav.png') repeat-x scroll 0 top transparent; height:77px; z-index:2; position:relative; } #navigation { background-color: #A5A8AB; height: 77px; } #header_right { margin: 0 auto; width: 940px; position:relative; } #header_right .wrapper { overflow: hidden; position: relative; width: 100%; } #left_column, #center_column, #right_column { float: left } #left_column { float: left; font-size: 12px; margin: 30px 50px 15px; width: 185px; } #center_column { float: right; clear: both; margin-top: -865px; width: 87%; } #old_center_column { display: none } .wrapper, #columns { margin: 0 auto; width: 100%; } #columns { background:none repeat scroll 0 0 #FBF8E9; } #index #columns { background:none; } #index #center_column { float: none; margin: 0 auto; width: 100%; } Auriez vous une solution à me proposer svp ? Cordialement,
Make sure you enter the(*)required information where indicate.HTML code is not allowed
Marsh Posté le 17-01-2012 à 15:55:26
Bonjour,
Je suis en train de créer ma boutique sur internet mais j'ai un petit soucis je vous laisse voir par vous même :
J'ai dû bidouiller le CSS pour avoir un rendu "potable" sous mozilla mais sa passe pas sous les autres navigateurs.
Voilà un bout du CSS :
#header {
background: url('../img/vs-top-nav.png') repeat-x scroll 0 top transparent;
height:77px;
z-index:2;
position:relative;
}
#navigation {
background-color: #A5A8AB;
height: 77px;
}
#header_right {
margin: 0 auto;
width: 940px;
position:relative;
}
#header_right .wrapper {
overflow: hidden;
position: relative;
width: 100%;
}
#left_column, #center_column, #right_column { float: left }
#left_column {
float: left;
font-size: 12px;
margin: 30px 50px 15px;
width: 185px;
}
#center_column {
float: right;
clear: both;
margin-top: -865px;
width: 87%;
}
#old_center_column { display: none }
.wrapper, #columns {
margin: 0 auto;
width: 100%;
}
#columns { background:none repeat scroll 0 0 #FBF8E9; }
#index #columns { background:none; }
#index #center_column {
float: none;
margin: 0 auto;
width: 100%;
}
Auriez vous une solution à me proposer svp ?
Cordialement,
Message édité par bostak le 17-01-2012 à 15:57:29