Pour les largeurs, il est souvent inutile de donner la largeur de l'élément parent ou d'attribuer à 100% puisque DIV par exemple va prendre toute la largeur disponible (sauf s'il est en position absolue, fixe ou float). De même inutile de préciser à chaque fois "margin:0; padding: 0;" puisque DIV n'a par défaut pas de marge ni de padding. Et la position relative n'est à utiliser que dans certains cas bien précis.
Par exemple, dans ces blocs de déclarations du début, ce qui est en rouge me semble inutile ou du moins d'une utilité douteuse.
div#global {
[#red]position: relative;
top: 0;
left: 0;
width: 1000px;[/#]
height: 590px;
border: 1px solid #413d34;
[#red]margin: 0 ;
padding:0;[/#]
background-color: white;
}
/* Monta ge du header */
div#header {
[#red]position: relative;
top: 0px;
left: 0px;
width:100%;[/#]
height: 106px;
background: url(./images/spread_left.jpg) left repeat;
}
ou encore un peu plus bas :
div#navigation ul li a {
color:#68685d ;
padding: 0;
margin:0;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
letter-spacing: 1px;}
div#navigation ul li a:hover {color: red;
padding: 0;
margin:0;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 12px;
letter-spacing: 1px;}
alors que ceci revient au même :
div#navigation ul li a {
color:#68685d;
letter-spacing: 1px;
font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
}
div#navigation ul li a:hover {
color: red;
}
Et je pourrais multiplier les exemples.
Par ailleurs, attention au centrage vertical et horizontal par les marges négatives qui peut poser de sérieux problèmes. Essaie le site dans une résolution 800*600 par exemple.
Modifié par Alan (30 May 2006 - 22:53)
