Bonjour à tous.
Comme l´indique du titre du topic, mon site est parfaitement centrée sous Firefox mais pas sous IE.
Je comprend pas du tout, j´ai essayé plein de trucs...
Si quelqu´un avait une idée ca me serait d´une grande utilité. D´avance merci.
Voici mon CSS:
Modifié par NyKo (14 May 2007 - 18:22)
Comme l´indique du titre du topic, mon site est parfaitement centrée sous Firefox mais pas sous IE.
Je comprend pas du tout, j´ai essayé plein de trucs...
Si quelqu´un avait une idée ca me serait d´une grande utilité. D´avance merci.
Voici mon CSS:
body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.jpg) repeat-x;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
color: #666666;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #F49500;
}
h2 {
font-size: 10px;
}
h3 {
letter-spacing: 2px;
font-size: 18px;
}
p, blockquote, ul, ol {
line-height: 18px;
text-align: justify;
font-size: -4;
}
blockquote {
padding-left: 20px;
background: url(htdocs nic\images\img05.gif) repeat-y;
}
a {
color: #F49500;
}
a:hover {
text-decoration: none;
}
/* Header */
#header {
width: 760px;
height: 140px;
margin: 0 auto;
background: url(images/img02.jpg);
border-left: 1px solid black;
border-right: 1px solid black;
}
#header h1, #header h2 {
font-weight: normal;
color: #FFFFFF;
}
#header h1 {
float: left;
font-size: 10px;
}
#header h2 {
float: right;
font-size: 10px;
}
/* Menu */
#menu {
width: 760px;
height: 50px;
margin: 0 auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
padding: 17px 20px 0 20px;
background: url(images/img03.gif) no-repeat;
text-transform: uppercase;
text-decoration: none;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #D8D8D8;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .first a {
background: none;
}
.menu_top A:link { color: #FFFFFF; }
.menu_top A:visited{ color: #FFFFFF; }
/* Content */
.title
{
color:#F49500;
}
#content4 {
width: 720px;
margin: 0 auto 20px auto;
margin-top: 0px;
padding: 20px;
padding-top: 2px;
background: #FFFFFF url(images/img04.jpg) repeat-x left bottom;
border: 1px solid black;
}
.content
{
color: #000000;
}
#content
{font-size: 12px;
}
/* Posts */
#posts {
float: left;
width: 480px;
}
/* Links */
#links {
float: right;
width: 200px;
padding-left: 20px;
padding-top: 20px;
margin: 0;
padding: 0;
background: url(images/img_right.gif) repeat-y;
}
#links ul {
margin: 0;
padding: 0;
list-style: none;
}
#links li ul {
padding: 5px 0 30px 0;
}
#links li li {
padding: 7px 10px;
background: url(images/img06.gif) repeat-x left bottom;
}
#links li a {
text-decoration: none;
}
#links li a:hover {
text-decoration: underline;
}
#links li i {
font-style: normal;
font-size: 9px;
}
#links li h2 {
font-size: 14px;
}
/* Footer */
#footer {
height: 100px;
padding: 20px;
background: #2D2D2D url(images/img07.gif) repeat-x;
}
#footer p {
text-align: center;
color: #999999;
}
.client
{
border: 1px solid black;
text-align: center;
margin: 0;
padding-left: 60px;
}
.login
{
padding-left: 150px;
}
.work
{
color: #666666;
}
.pic_logo
{
float:left;
margin-left:25px;
margin-right:18px;
}
.contact
{
padding-left: 150px;
}
.link_mail
{
text-decoration: none;
}Modifié par NyKo (14 May 2007 - 18:22)
