28173 sujets

CSS et mise en forme, CSS3

Boujour à toutes et tous,
En fait je post car j'ai un problème d'affichage sous IE. J'ai définit des bordures dans les css de mon site et quand je l'ouvre sous Firefox aucun problème, alors que quand je l'ouvre sous IE et ben elle sont plus la Smiley confus .

Et je ne comprends pas d'où peut bien venir ce problème, sauriez vous m'aider svp.

Url du site: http://clarenne-gregory.heaj.be/travaux/travail2/index.html

Ma CSS:

<style type="text/css">
h1{
margin-top:0px;
text-indent:-5000px;
}

div#conteneur{
width:800px;
margin:10px auto 4px auto;
border-top:solid 1px grey;
border-left:solid 1px grey;
border-right:solid 1px grey;
}

div#header{
margin:15px 0 15px 12px;
background:url(titre.gif) no-repeat white;
}


div#contenu{
background:url(ligne3.gif) repeat-x;
width:798px;
height:568px;
border:1px solid white;
}

div#foot{
border-top:solid 1px grey;
border-bottom:1px solid grey;
}

p#ligne1{
text-align:right;
font-weight:bold;
font-size:12px;
padding:5px 15px 5px 0;
margin:0px;
background-image:url(ligne1.gif);
height:10px;
border-top:solid 1px grey;
border-bottom:solid 1px grey;
}

p#ligne2{
color:#159a3d;
font-weight:bold;
font-size:12px;
padding:5px 0 5px 12px;
margin:0px;
background-image:url(ligne1.gif);
height:10px;
border-top:solid 1px grey;
border-bottom:solid 1px grey;
}

p#ligne1 a{
color:black;
text-decoration:none;
}

p#ligne1 a:hover{
color:#1C247F;
}

ol#menu1{
padding:0px;
margin:1px 0 1px 0;
background-color:#159a3d;
width:800px;
height:30px;
}

ol#menu1 li{
margin:0;
list-style-type:none;
float:left;
font-size:14px;
font-weight:bold;
}

ol#menu1 li#menu1-1{
height:22px;
border-right:1px solid white;
padding:8px 10px 0px 10px;
background-color:white;
width:52px;
}

ol#menu1 li#menu1-2 a{
width:60px;
}

ol#menu1 li#menu1-3 a{
width:64px;
}

ol#menu1 li#menu1-4 a{
width:58px;
}

ol#menu1 li#menu1-5 a{
width:56px;
}

ol#menu1 li a{
height:22px;
border-right:1px solid white;
padding:8px 10px 0px 10px;
display:block;
text-decoration:none;
color:black;
}

ol#menu1 li a:hover{
height:22px;
padding:8px 10px 0px 10px;
display:block;
text-decoration:none;
color:black;
background-color:white;
}

div#foot ol#menufoot{
font-family:"Courier New", Courier, monospace;
width:368px;
height:20px;
padding:0px;
margin:0 auto;
}

div#foot ol#menufoot li{
margin:0px 0 3px 0;
float:left;
list-style-type:none;
}

div#foot ol#menufoot li a{
font-size:10px;
text-decoration:none;
padding:0 14px;
color:black;
border-right:1px solid black;
}

div#foot ol#menufoot li a:hover{
font-size:10px;
text-decoration:none;
color:#1C247F;
text-decoration:underline;
}

div#foot ol#menufoot li#menu3last a{
border:none;
}

div#foot ol#menufoot li#sanslien{
margin-top:5px;
font-size:10px;
text-decoration:none;
padding:0 14px;
color:black;
border-right:1px solid black;
}

p#copyright{
margin:0 auto;
width:800px;
font-size:12px;
}

div#contenu h2{
padding-bottom:10px;
color:black;
margin:6px 20px 6px 20px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:dotted 1px black;
}



Merci d'avance Smiley smile
Modifié par doncho23 (18 Feb 2007 - 17:32)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
doncho23 a écrit :
Merci d'être intervenu.
Je m'excuse sur le fait de ne pas avoir prix connaissance de ces règles.
Pas de problème, merci juste d'y faire attention à l'avenir. Smiley smile

En utilisant le validateur CSS du W3C, je constate que tu as écrit "grey" au lieu de "gray" pour les couleurs de tes bordures. Je pense qu'il y a de grandes chances pour que ton problème vienne de là. Smiley cligne
Modifié par Julien Royer (18 Feb 2007 - 13:21)
doncho23 a écrit :
Merci beaucoup. Pourtant j'était persuader que ca donnais du gris: grey.
Smiley lol
C'est pour ça que le fait d'utiliser le validateur est une bonne habitude. Smiley smile

Tu considères que ce sujet est [Résolu] ? Smiley cligne