Sujet : CSS vs Me (Help?)
Je cherche à comprendre quelles sont les subtilités de ce langage relativement barbare, et certaines différences entre navigateurs me laissent pantois. En particulier les espaces et les tailles de police (FF afficherait des polices plus petites que IE ?). Je cherche donc à résoudre ce petit pépin :
Sous Internet Explorer 6 :
(Remarquez le beau bandeau blanc en dessous)
J'essaie aussi de m'expliquer la différence (ici en noir) au niveau des cadres détectés par l'inspecteur de FF.
Le code de la feuille CSS :
body {
font-family: Georgia;
font-size: small;
height: 100%;
margin: 0px;
padding: 0px;
text-align: justify;
}
a {
color: #ff8000;
font-family: Georgia;
font-size: small;
text-decoration: none;
}
div {
border-style: dashed;
border-width: 1px;
margin: 0px;
padding: 0px;
}
#logo {
border-style: none;
height: 120px;
left: 20px;
margin: 0px;
padding: 0px;
position: absolute;
top: 10px;
width: 420px;
}
#title {
border-style: none;
bottom: auto;
color: #ff0000;
font-size: 14pt;
height: auto;
left: auto;
margin: 0px;
padding: 0px;
position: absolute;
right: 10px;
text-align: right;
top: 60px;
width: auto;
}
#menu {
border-style: ridge;
color: black;
font-family: Georgia;
font-size: medium;
left: 5px;
line-height: 1.2em;
margin: 0px;
padding: 5px;
position: absolute;
text-align: right;
text-decoration: none;
top: 200px;
width: 17%;
}
#menu table {
margin: 0px;
padding: 0px;
text-align: right;
}
#menu .button {
text-align: center;
}
#menu h1 {
color: black;
font-size: 14pt;
font-weight: bolder;
text-align: center;
}
#stats {
border-style: ridge;
font-size: 10pt;
height: auto;
position: absolute;
right: 10px;
top: 380px;
width: 15%;
}
#main {
font-size: small;
left: 19%;
position: absolute;
right: 50px;
top: 145px;
width: 64%;
}
#main a {
background-color: transparent;
color: #000000;
cursor: pointer;
font-size: small;
text-decoration: none;
}
#main table {
border-style: none;
font-size: small;
text-align: center;
}
#main tr {
border-style: none;
}
#main td {
border-collapse: collapse;
border-style: ridge;
border-width: 1px;
}
#main img {
height: 24px;
width: 24px;
}
Question subsidiaire, quelqu'un a déjà forcé le téléchargement d'une police ? (Sous IE en .eol).
Merci d'avance pour vos idées.