Tweet
Bonjour,
Je tente pour la première fois de créer un site avec joomla. En suivant divers tutoriels j'ai à peu près réussi à créer un template perso (même si j'en suis qu'au premier balbutiement).
Le souci est le suivant : sous firefox ou IE l'affichage est correct mais sous Chrome l'article du centre la page viens chevaucher le module à gauche. J'imagine qu'il s'agit d'un problème de CSS mais je n'ai rien trouvé après avoir longuement cherché des cas comme le miens sur le web.
Je travail en local mais voici une capture du problème :
Uploaded with ImageShack.us
Et voilà mon CSS :
Merci d'avance à ceux qui offriront un peu de leur temps pour me dépanner
(et mile excuses si je n'ai pas poster au bon endroit du forum).
Je tente pour la première fois de créer un site avec joomla. En suivant divers tutoriels j'ai à peu près réussi à créer un template perso (même si j'en suis qu'au premier balbutiement).
Le souci est le suivant : sous firefox ou IE l'affichage est correct mais sous Chrome l'article du centre la page viens chevaucher le module à gauche. J'imagine qu'il s'agit d'un problème de CSS mais je n'ai rien trouvé après avoir longuement cherché des cas comme le miens sur le web.
Je travail en local mais voici une capture du problème :
Uploaded with ImageShack.us
Et voilà mon CSS :
html {
height: 100%;
}
body {
background-color: #646464;
background-image: url(../images/degrade.jpg);
background-repeat: repeat-x;
background-position: left top;
font-family: Arial, sans-serif;
font-size : 10px;
padding : 0;
margin : 0;
}
img {
border : none;
}
a {
color : #9e9e9e;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #dc002d
}
a:focus {
outline: none;
}
.clr {
clear : both;
}
li {
list-style : none;
}
p {
padding : 4px 0 4px 0;
}
* {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5 {
font-size : 14px;
font-weight : normal;
}
#wrapper {
width: 1024px;
margin: 0 auto;
}
#banniere {
z-index: 1;
width: 1022px;
height: 150px;
float: left;
position: relative;
background-image: url(../images/banniere_citroaix-vo.png);
}
#logo {
position: absolute;
z-index: 2;
height: 108px;
width: 153px;
left : 5px;
top : 25px;
}
/*** topmenu ***/
#topmenu {
height: 40px;
background: url(../images/fond_topmenu.gif) top left no-repeat;
}
#topmenu li {
height: 40px;
padding: 2px;
margin: 2px;
float: left;
width: 120px;
line-height: 35px;
font-size: 14px;
text-decoration: none;
}
#topmenu li a {
color: #ffffff;
text-decoration: none;
}
#topmenu li a:hover, #topmenu li.current {
color: #dc002d;
}
#breadcrumbs {
height: 20px;
}
#gauche {
width: 200px;
float: left;
padding-right: 30px;
}
#centre {
float: left;
width: 764px;
}
#footer {
padding: 10px;
text-align: center;
}
height: 100%;
}
body {
background-color: #646464;
background-image: url(../images/degrade.jpg);
background-repeat: repeat-x;
background-position: left top;
font-family: Arial, sans-serif;
font-size : 10px;
padding : 0;
margin : 0;
}
img {
border : none;
}
a {
color : #9e9e9e;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #dc002d
}
a:focus {
outline: none;
}
.clr {
clear : both;
}
li {
list-style : none;
}
p {
padding : 4px 0 4px 0;
}
* {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5 {
font-size : 14px;
font-weight : normal;
}
#wrapper {
width: 1024px;
margin: 0 auto;
}
#banniere {
z-index: 1;
width: 1022px;
height: 150px;
float: left;
position: relative;
background-image: url(../images/banniere_citroaix-vo.png);
}
#logo {
position: absolute;
z-index: 2;
height: 108px;
width: 153px;
left : 5px;
top : 25px;
}
/*** topmenu ***/
#topmenu {
height: 40px;
background: url(../images/fond_topmenu.gif) top left no-repeat;
}
#topmenu li {
height: 40px;
padding: 2px;
margin: 2px;
float: left;
width: 120px;
line-height: 35px;
font-size: 14px;
text-decoration: none;
}
#topmenu li a {
color: #ffffff;
text-decoration: none;
}
#topmenu li a:hover, #topmenu li.current {
color: #dc002d;
}
#breadcrumbs {
height: 20px;
}
#gauche {
width: 200px;
float: left;
padding-right: 30px;
}
#centre {
float: left;
width: 764px;
}
#footer {
padding: 10px;
text-align: center;
}
(et mile excuses si je n'ai pas poster au bon endroit du forum).
Commentaire