Votre question

pb d'affichage entre FF a IE (css)

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
17 Octobre 2007 20:03:32

bonsoir, voila j'ai un pb d'affichage entre FF et IE sur le site que j'essaye de faire.

je suis débutant, j'ai commencé ce matin, et mon site est tres moche sur IE.


auriez vous une solution a m'apporter ?

merci d'avance.

voici le code:

* {
margin : 0;
padding : 0;
}
body {
background-image : url(images/image3.jpg);
background-attachment : fixed;
background-repeat : repeat;
background-position : left top;
}
a:focus {
outline : none;
}
#Top {
margin : 0 auto;
width : 737px;
text-align : center;
}
#Top h1 {
margin : 10px 0 0;
padding : 0 0 0 10px;
float : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 36px;
font-weight : bolder;
color : #ffffff;
}
#Container #Container-Inner #Right p a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Right p a:hover {
text-decoration : none;
}
#Container {
margin : 0 auto;
width : 737px;
border : 10px solid #4f4f4f;
clear : both;
background-color : #000000;
}
#Container #Container-Inner {
border : 10px solid #ffffff;
background-color : #b2d454;
overflow : auto;
background-image : url(images/main-bg.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
#Container #Container-Inner #Left {
margin : 10px;
padding : 0;
float : left;
width : 170px;
}
#Container #Container-Inner #Right {
float : right;
margin : 10px 10px 10px 0;
padding : 0;
width : 510px;
}
#Container #Container-Inner #Left ul {
float : left;
margin : 0;
padding : 0;
}
#Container #Container-Inner #Left li {
list-style-type : none;
}
#Container #Container-Inner #Left li a {
display : block;
width : 152px;
background-image : url(images/menu-link.gif);
line-height : 26px;
margin : 0 0 2px;
padding : 0 0 0 10px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-style : italic;
text-decoration : none;
font-size : 14px;
}
#Container #Container-Inner #Left li a:hover {
color : #b2d454;
}
#Container #Container-Inner #Left .Undermenu {
margin : 0;
padding : 10px;
clear : both;
}
#Container #Container-Inner #Left .Undermenu p {
font-family : Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-size : 10px;
line-height : 18px;
margin : 10px 0 0;
padding : 0;
text-align : left;
}
#Container #Container-Inner #Left .Undermenu a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Left .Undermenu a:hover {
text-decoration : none;
}
#Container #Container-Inner #Right h1 {
background-image : url(images/h1.gif);
background-repeat : no-repeat;
margin : 10px 0 0;
padding : 0 0 0 55px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 18px;
color : #6f5a59;
line-height : 46px;
}
#Container #Container-Inner #Right h2 {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0;
padding : 5px 5px 10px 20px;
font-size : 18px;
font-weight : bold;
}
#Container #Container-Inner #Right p {
font-family : Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-size : 12px;
line-height : 22px;
margin : 0;
padding : 0 0 40px;
background-image : url(images/p.gif);
background-repeat : no-repeat;
background-position : center bottom;
}
#Container #Container-Inner #Right #Footer {
background-image : url(images/footer-bg.gif);
background-repeat : no-repeat;
background-position : left top;
clear : both;
}
#Container #Container-Inner #Right #Footer p {
line-height : 33px;
background-image : none;
margin : 0;
padding : 0 0 0 15px;
}
#Container #Container-Inner #Right #Footer a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Right #Footer a:hover {
color : #4f4f4f;
text-decoration : none;
}
.RightFloat {
float : right;
margin : 10px;
padding : 0;
}
#Container #Container-Inner #Right ul {
margin : 0;
padding : 10px 10px 10px 20px;
display : block;
}
#Container #Container-Inner #Right li {
list-style-type : disc;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-style : italic;
font-weight : normal;
color : #4f4f4f;
margin : 0;
padding : 5px 5px 5px 10px;
}

Autres pages sur : affichage css

17 Octobre 2007 22:32:43

s'il vous plait un petit coup de main, j'y comprend rien :( 
Contenus similaires
18 Octobre 2007 12:46:20

avec un de ces kits, je n'aurai plus de pb entre IE et FF ?
18 Octobre 2007 16:09:00

Non ils sont valide w3c
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS