Alors voila j'ai un problème bizard sur firefox et je comprend pas trop pourquoi http://criquet92.free.fr/index.html
quand on clique sur un lien une barre de défilement horizontal apparait le temps du click.
le css :
quand on clique sur un lien une barre de défilement horizontal apparait le temps du click.
le css :
/* CSS Document */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font: 90% "Trebuchet MS", sans-serif;
}
html {
background: #ddd url(img/html.png);
}
div#global {
min-height: 100%;
width: 750px;
padding: 0 10px;
margin: 0 auto;
position: relative;
padding: 0 10px;
background: url(img/global.png) center repeat-y;
}
div#header {
background: #7fcf2e url(img/header.jpg) no-repeat;
color: #fff;
height: 201px;
position: relative;
}
div#header h1 {
margin: 0;
position: absolute;
bottom: 10px;
left: 30px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 3em;
text-transform: capitalize;
color: #80152F;
}
div#center {
margin: 0;
padding: 0;
padding-bottom: 50px;
overflow: auto;
}
div#footer {
position: absolute;
bottom: 0;
color: #fff;
width: 750px;
background-color: #3C80AF;
background-image: url(img/footer.png);
background-repeat: repeat-x;
}
div#footer p {
margin: 2px 0;
font-size: 0.9em;
}
div#content {
float: left;
width: 530px;
margin-left: 10px;
}
div#content h2 {
padding-left: 35px;
background: #fff url(img/titre.png) left center no-repeat;
color: #3C80AF;
}
div#content h3 {
color: #c00;
font-variant: small-caps;
}
div#sidebar {
float: right;
width: 200px;
}
ul#menu {
margin: 0;
padding: 0;
list-style: none;
}
ul#menu li a {
display: block;
height: 30px;
line-height: 30px;
padding-left: 35px;
margin: 2px 0;
color: #3C80AF;
text-decoration: none;
font-family: Georgia, serif;
font-size: 1.1em;
font-variant: small-caps;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3C80CA;
}
ul#menu li a:hover {
color: #c30;
}
div#sidebar h3, div#footer p, div#sidebar p {
padding: 0 10px;
}
a {
color: #3C80AF;
font-weight: bold;
}
a:hover {
color: #c00;
}