Bonjour,
J'ai un problême, un scroll horizontal s'affiche sur ma page que ce soit sur mozilla ou IE, je sais qu'en enlevant le doctype tout est reglé mais seulement j'utilise des frames (je sais c'est pas le meilleur mais c'est dans un cahier des charges), et si je retire le doctype framset ça casse tous les cadres...
Donc si quelqu'un a une solution ce serait gentil. =)
Voici tout le code CSS:
Le doctype que j'ai utilisé:
Je connais aussi le <body scroll="no"> mais il faut que le scroll de droite reste visible donc je ne trouve vraiment pas de solution
Modifié par dudinsky (08 May 2007 - 10:18)
J'ai un problême, un scroll horizontal s'affiche sur ma page que ce soit sur mozilla ou IE, je sais qu'en enlevant le doctype tout est reglé mais seulement j'utilise des frames (je sais c'est pas le meilleur mais c'est dans un cahier des charges), et si je retire le doctype framset ça casse tous les cadres...
Donc si quelqu'un a une solution ce serait gentil. =)
Voici tout le code CSS:
/* Feuille de style externe CSS - Site MEGA Informatique 2007 */
/* Liens */
A:link {
text-decoration : none;
color : #003d88;
font-family : Verdana, Arial;
font-size : 10px;
}
A:visited {
text-decoration : none;
color : #003d88;
font-family : Verdana, Arial;
font-size : 10px;
}
A:active {
text-decoration : none;
color : #000000;
font-family : Verdana, Arial;
font-size : 10px;
}
A:hover {
text-decoration : none;
color : #000000;
font-family : Verdana, Arian;
font-size : 10px;
}
/* Corp de la page et tableaux */
body {
background-color : #696969;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
font-size : 10px;
}
.content {
background-image : url("http://meteor/newmegainfo/design/barre2.jpg");
background-repeat : no-repeat;
}
td {
background-repeat : no-repeat;
}
h5 {
background-repeat : no-repeat;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
height : 20px;
text-align : left;
margin-left : 10px;
margin-top : -38px;
border : 0 solid #000000;
width : 1200px;
}
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
text-align : center;
}
/* Menu et sous-menus */
#menu {
position : absolute;
top : 190px;
left : 7%;
z-index : 100;
width : 95%;
}
#menu dl {
float : left;
width : 12em;
margin : 0 1px;
background-color : #ffffff;
text-align : center;
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-top : 1px solid #cccccc;
}
#menu dt {
cursor : pointer;
text-align : center;
font-weight : bold;
color : #003d88;
}
#menu dd {
text-align : center;
}
#menu li {
text-align : center;
}
#menu li a, #menu dt a {
color : #000000;
text-decoration : none;
height : 100%;
border : 0 none;
text-align : center;
}
#menu li a:hover, #menu dt a:hover {
color : #003d88;
text-align : center;
}
Le doctype que j'ai utilisé:
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Je connais aussi le <body scroll="no"> mais il faut que le scroll de droite reste visible donc je ne trouve vraiment pas de solution
Modifié par dudinsky (08 May 2007 - 10:18)
