28173 sujets

CSS et mise en forme, CSS3

Probleme de compatibilité

Bonjour a tous voila un petit problème vien a moi et je vient vous demander un petit service...

J'avais une façon de coder qui faisais que mes design était compatible que sous FF sans avoir changer de façon de coder maintenant il bug sous FF mais plus sous IE comment cela se fait il

Oui y a t il des erreurs dans mon css SVP???
Le liens est http://www.gfx-web.info/folio/

/*
Design WizarD Portfolio
Réalisé par WizarD,
 http://www.gfx-web.info/
 
*/

body
{
   width: 100%;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;   
   background: url('images/fond.jpg') repeat-x;
   font-family: Verdana,Geneva,Arial,Helvetica,"Trebuchet MS",sans-serif;
   height: 100%;
}

#fond_menu
{
background: url('images/fond_menu.jpg') repeat-y;
height: 100%;
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height: 116px;
   background-image: url(images/header.jpg);
   background-repeat: no-repeat;
   margin: 0;
}


/* Le menu */

#menu
{
   float: left;
   width: 130px;
   font-size: 11px;
}

.element_menu
{
   margin-bottom: 20px;
   width: 130px;
   text-align: left;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #000000;
   font-size: 13px;
   font-family: "Verdana";
   text-align: center;
 background-image: url('images/fond_titre_menu.jpg');
}

.element_menu ul
{
   list-style-type: none;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

a:hover {text-decoration: none; background: none;}

.element_menu a span.p1
{
   color: #000000;
text-decoration: none;
}

.element_menu a span.p2
{
   color: #388FD2;
text-decoration: none;
}

.element_menu a:hover span.p1
{
   color:#388FD2;
   text-decoration: none;
}

.element_menu a:hover span.p2
{
   color:#000000;
   text-decoration: none;
}

/* Le corps de la page */

#corps
{
   margin-left: 30%;
   margin-bottom: 20px;
   color: #000000;
   width: 500px;
   border: 2px solid #1AB0EF;
}

#corps h1
{
   color: #000000;
   text-align: center;
   font-size: 18px;
   background: url('images/bg_titre.jpg') repeat-x;
  margin: 0px;
}

#pad
{
   Padding: 10px;
   font-size: 10px;
}

.size
{font-size: 9px; padding-right: 5px;}


Merci a vous et de votre aide
Modifié par WizarD (09 Mar 2006 - 18:02)
Sujet clos
Aller à