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;
}
/
Afficher la suite