Bonjour,
j'ai un soucis de margessur IE9
j'ai cherché mais sans succès dans le code j'ai mis mes marges à 0 rien n'y fait
en désespoir de cause je poste ici car là je sais plus quoi faire
merci d'avance
pour visualiser mon soucis voici le lien http://www.testnews.0fees.net/
testé sur
FF 4.0.1 OK
IE 9 décalage vertical
Modifié par unholy (02 May 2011 - 12:11)
j'ai un soucis de margessur IE9
j'ai cherché mais sans succès dans le code j'ai mis mes marges à 0 rien n'y fait
en désespoir de cause je poste ici car là je sais plus quoi faire
merci d'avance
pour visualiser mon soucis voici le lien http://www.testnews.0fees.net/
testé sur
FF 4.0.1 OK
IE 9 décalage vertical
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body id="page1">
<table class="main_table">
<tr>
<td class="site_center">
<table class="site_center1">
<tr>
<td class="main">
<table>
<tr>
<td>
<table id="header">
<tr>
<td class="col1"><a href="index-6.html"><img src="images/contact.gif" alt="" /></a></td>
<td class="col2"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></td>
<td class="col3"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id="content">
<tr>
<td class="col1"><a href="index-1.html"><img src="images/m1.gif" alt="" /></a><a href="index-2.html"><img src="images/m2.gif" alt="" /></a><a href="index-3.html"><img src="images/m3.gif" alt="" /></a></td>
<td class="col2"><img src="images/splash_picture.jpg" alt="" /></td>
<td class="col3">
<a href="index-4.html"><img src="images/m4.gif" alt="" /></a><a href="index-5.html"><img src="images/m5.gif" alt="" /></a><a href="index-6.html"><img src="images/m6.gif" alt="" /></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="footer">
<table>
<tr>
<td class="foot"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="bottom"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
html {height:100%;}
body {margin:0; padding:0;background:url(images/body.gif); height:100%}
table, td {border-collapse:collapse; width:100%; height:100%}
table, td, img {border:0; padding:0; vertical-align:top}
form, td{margin:0; padding:0;}
td, select{font:11px tahoma, arial, helvetica, sans-serif; color:#959677; vertical-align:top; text-align:left; line-height:14px}
.table{ height:100%; }
img{ vertical-align:top}
/*in_line_style*/
.main_table{ width:100%;}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:766px;}
p{ margin:0; padding:0}
a{ color:#959677; text-decoration:underline}
a:hover{ text-decoration:none}
strong a{ color:#959677; text-decoration: none; background:url(images/marker.gif) no-repeat 0 5px; padding-left:12px}
strong a:hover{ text-decoration:underline}
.separate{ background: url(images/separate.gif) repeat-x; width:auto; height:12px}
ul { margin:0; padding:0; list-style:none;}
ul li { background:url(images/list_bg.gif) no-repeat 0 9px; margin:0; padding:0 0 0 12px;}
ul li a {line-height:19px; color:#918a81; text-decoration:underline; text-transform:uppercase}
ul li a:hover{ text-decoration:none}
.title, .title_top, .title_bot, .title_left, .title_right, .img, .img1 {display:block}
.bottom{ background: url(images/bottom.gif) repeat-y}
.main{ height:800px}
/*header*/
#header{ height:130px}
#header .col1{ width:179px; background:url(images/head_left.gif) no-repeat}
#header .col1 img{ display:block; margin:55px 0 0 61px}
#header .col2{ width:409px; background:url(images/logo_bg.jpg) no-repeat; text-align:center}
#header .col3{ width:178px; background:url(images/head_right.gif) no-repeat}
/*content*/
#content{ height:611px}
#content .col1{ width:159px; padding-top:192px; background:url(images/shape_left.gif) repeat-y right top}
#content .col1 img{ display:block; margin:0 0 4px 16px}
#content .col2{ width:449px; background:#fbfce6}
#content .col3{ width:158px; padding-top:192px; background:url(images/shape_right.gif) repeat-y}
#content .col3 img{ display:block; margin:0 0 4px 18px}
#content .wrapper{ margin:0 13px 0 13px; width:423px}
#content .wrapper .row1{ height:13px}
#content .wrapper .row2{ background:#e7e8cf; height:585px;}
#content .wrapper .row3{ height:13px}
/*footer*/
#footer{ height:59px; background: url(images/bottom.gif) repeat-y; vertical-align:middle}
#footer .foot{ background:url(images/foot_shape.gif) no-repeat center top; color:#b1b28f; text-align:center; height:59px; vertical-align:middle}
#footer .foot a{ color:#b1b28f; text-decoration:underline}
#footer .foot a:hover{ text-decoration:none}
/*index.html*/
#page1 #content .col2 { text-align:center; vertical-align:middle}
/*index-1.html*/Modifié par unholy (02 May 2011 - 12:11)
