Style de tableau compatible sur IE et mozilla

Fermé
zaraki - 7 mars 2011 à 14:44
snowflake Messages postés 82 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 15 janvier 2012 - 10 mars 2011 à 16:57
Bonjour,
bonjour,
j'ai un souci avec mon fichier CSS avec IE .mon fichier fonctionne normalement avec firfox et chrome juste avec IE le probleme perciste .
voici mon code CSS:
@CHARSET "ISO-8859-1";
body
{
padding:0;
margin:0;
background-color: white;
}



#WholePage
{
background-color: #FFF;
}

#Container
{
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#Top
{
padding:0;
margin:0;
height: 302px;
background: url("") left 71px no-repeat;
}

#Top *
{

padding:0;
margin:0;
}

#Header
{
font-family: arial;
height: 61px;
padding-top: 10px;
padding-left: 25px;
background-image: url(images/header-background.png);
background-repeat: repeat-x;
background-position: left top;
}

.name
{
text-transform: uppercase;
font-size: 24px;
color: #e3e76e;
}

.adress
{
font-size: 14px;
color: white;
}

#Menu
{
height: 53px;
margin-top: 0px;
padding-left: 3px;
background-repeat: repeat-x;
background-position: left top;
}


#Menu a
{
height: 53px;
line-height: 50px;
padding-right: 18px; padding-left: 18px;
background: url('img/menu-devider.png') right top no-repeat;

float: left;
margin-left: 3px;
text-decoration: none;
color: white;
font-size: 14px;
text-align: center;
font-family: arial;
}

#Top #Menu a:hover, #Top #Menu a.active
{

text-decoration: underline;
}

#Middle
{

}

#Page
{
width:785px;
}

#Content
{
padding-left: 8px;

}
#Content, #Left
{

padding-top: 3px;
}

#Footer
{
background-image: url("img/bottom_pattern.gif");
background-repeat: repeat-x;
background-position: left top;
height: 56px;
width: 100%;
float: left;
margin: 0px auto;

}

#Bottom
{
height: 35px;
width: 981px;
text-align: center;
line-height: 32px;
clear: left;
font-family: arial;
font-size: 12px;
color: white;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(images/header-background.png);
background-repeat: repeat-x;
background-position: left top;
}

#Bottom a
{
text-decoration: none;
color: #FFF;
}
#Bottom a:hover
{
text-decoration: underline;
color: #D6D6D6;

}

#Middle,
#Left
{
float: left;
}
#Left
{
width: 195px;
}
#Middle
{
width: 785px;
height: 605px;
}

.Part,.TopPart,#LeftMenu
{
border: 2px solid #d0d1d0;
background: #e4ece3;
}

#LeftMenu
{

font-size: 12px;
font-family: arial;
padding-bottom: 8px;
}
.Part
{
width:775px;
height: 600px;
}
.TopPart
{
border: 0px;
background: url('img/first-banner.png') no-repeat left top;
height: 184px;
padding: 8px;
}
.Part,.TopPart
{
margin-bottom: 8px;
font-size: 12px;
font-family: arial;
text-align: justify;
}

.Part p
{
margin-left: 8px;
margin-right: 8px;
}
.TopPart p
{
margin-bottom: 0px;
margin-top: 6px;
}


.Part
{
clear: left;
padding-left: 0px;



}
.Part img
{
float: left;
margin: 8px;

}
#Content p
{
padding-left: 0px;

}
#LeftMenu ul
{
padding: 0px;
margin: 0px;
padding-top: 8px;
padding-bottom: 10px;
margin-bottom: 8px;
background: url('img/left-side-devider.gif') no-repeat center bottom;
}
#LeftMenu li
{
margin-top: 3px;
list-style-type: none;


}

#LeftMenu span
{
text-decoration: underline;
color: #446d07;
font-size: 15px;
}
#LeftMenu a
{
color: #666;
text-decoration: none;
}
#LeftMenu a.Links
{
margin-top: 8px;
text-decoration: underline;
}
#LeftMenu a:hover
{
text-decoration: underline;
color: #900;
}
#LeftMenu span,
#LeftMenu a
{
display: block;
padding-left: 9px;
}
#LeftMenu li a
{
background: url('img/green-arrow.gif') no-repeat 9px 4px;
padding-left: 24px;
display: inline;
}
.TopPart h2
{
margin: 0px;
color: #edf32d;
font-size: 18px;
font-weight: normal;
font-family: arial;
text-transform: uppercase;
}
.TopPart .Larger
{
font-size: 14px;
}
.LeftHeader
{
margin: 0px;
height: 38px;
background-repeat: no-repeat;
background-position: left top;
}
.Part h2
{
margin: 0px;
height: 37px;
display: block;
font-weight: normal;
background-repeat: no-repeat;
background-position: left top;
}
.LeftHeader,
.Part h2
{
font-family: arial;
font-size: 16px;
color: white;
line-height: 200px;
padding-left: 10px;
}
.Part a
{
color: #4f8803;
}
.Part ul
{
clear: left;
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
.Part li
{
margin-top: 3px;
list-style-type: none;

}
.Part li a
{
padding-left: 14px;
background: url('img/green-arrow-2.gif') no-repeat 0px 5px;

}
#validator
{
clear: left;
float: left;
}
#validator img {

border:0 solid #FFFFFF;
height:31px;
width:88px;
}


#Inter
{
height: 178px;
font-size: 12px;
font-family: arial;
font-weight: bold;
color: #e4ece3;

}
#Inter ul
{

padding: 0px;
margin: 0px;
padding-top: 90px;

padding-left: 20px;
}

#Inter li
{
margin-top: 3px;
background: url('#') no-repeat 0px 4px;
list-style-type: none;
padding-left: 11px;
}

#tiker{
width:100%;
float:left;
position:absolute;
display: block;
z-index: 10;
height:tiker-<length>;




}

#RightHeader
{
float: right;
padding-right: 10px;
font-size: 12px;

}
#RightHeader a
{
padding-left: 16px;
padding-right: 4px;
color: #d2e288;
text-decoration: none;
background: no-repeat 0px 0px;

}

#RightHeader a:hover
{
text-decoration: underline;
color: white;
}
#RightHeader a:hover
{
background-position: 0px -12px;
}

#RightHeader a#home
{
background-image: url('img/home-icon.png');
}

#RightHeader a#home:hover
{
background-position: 0px -14px;
}

#RightHeader a#sitemap
{
background-image: url('img/site-map-icon.png');
}
#RightHeader a#contacts
{
background-image: url('img/contact-icon.png');
}
li,ul /* korekce pro IE6 */
{
_padding-bottom: 0px;
_height: 12px;
_padding-top: 0px;
_margin: 0px;
}
/


A voir également:

1 réponse

snowflake Messages postés 82 Date d'inscription vendredi 6 mars 2009 Statut Membre Dernière intervention 15 janvier 2012 6
10 mars 2011 à 16:57
pour regler ca rajoute le bon doctype a ton fichier voici un liens pouvant taider a trouver le bon doctype
http://www.w3.org/QA/2002/04/valid-dtd-list.html
0