Tom's Guide > Forum > Programmation > pb d'affichage entre FF a IE (css)
Mot :    Pseudo :           
 

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;
}


Message édité par ankou1 le 18-10-2007 à 12:39:20
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

s'il vous plait un petit coup de main, j'y comprend rien :(

Répondre à ankou1

avec un de ces kits, je n'aurai plus de pb entre IE et FF ?

Répondre à ankou1

Non ils sont valide w3c

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
Répondre à Allstar27
Tom's Guide > Forum > Programmation > pb d'affichage entre FF a IE (css)
Aller à :

Il y a 1148 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens