Ciao a tutti, mi aiutato a sistemare questo CSS??? Praticamente ho un'area di SX ed un'area centrale.... con FF vedo correttamente area di SX e area centrale... con IE vedo l'area di SX leggermente spostata (internamente... quindi verso il centro) ... e di conseguenza l'area centrale esce a sinistra.... allego un'esempio della tabella HTML e del CSS
Codice PHP:
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>sgds</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head><body dir="ltr" ><center>
<div id="main">
<div id="navi"></div>
<div id="innen"><div id="leftcolumn"><table width="100%" border="0" cellpadding="0" cellspacing="0" ><tr><td class="leftside_detail" width="100%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr class="stats_box">
<td>dhghgf</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="6"></td><td width="100%"><table class="table" width="100%" cellspacing="2" cellpadding="1"><tr><td width="80%"></td>
<td width="20%"></td>
</tr></table> </td></tr></table> </td></tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" ><tr>
<td class="leftside_detail" width="100%" valign="top"></td>
</tr></table>
</div><div id="content"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="100%" align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="module_detail" width="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="module_head" width="100%">
dfhfhfd</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="100%" align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0" ><tr height="100%"><td height="30" valign="top">[url="signup.php"][/url]</td>
</tr></table></td></tr></table></td></tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" ><tr>
<td class="module_detail" width="100%"></td>
</tr></table>
</td>
</tr></table>
</div></div>
</div></center>
</body></html>
Codice PHP:
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #434548; background-color: #D1EDF8; background-repeat: repeat-x; background-position: center 0; padding: 0; margin: 0; }
form {
padding: 0;
margin: 0;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #434548;
}
/*<agl.folder "esl-2.1">*/
#main { width: 800px; }
#header{ background-color: inherit; background-image:url(head.jpg); width: 800px; height: 340px; }
#innen { background-color: inherit; background-image: url(bginnen.jpg); position: relative; width: 780px; float: left; clear: both; padding-top: 10px; }
#leftcolumn { background-color: inherit; position: relative; width: 204px; float: left; margin-left: 30px; }
#content { background-color: inherit; position: relative; width: 520px; float: left; clear: right; margin-left: 10px; }
#footer { line-height: 50px; background-image: url(bgfooter.jpg); background-repeat: no-repeat; background-position: left top; position: relative; width: 800px; height: 50px; float: left; padding-right: 5px; padding-left: 5px; text-align: center }
#footer a { color: #2b2b2b; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#copy { color: #b4b4b4; position: relative; width: 800px; height: 20px; }
#copy a { color: #b4b4b4; }
#navi { background-image: url(bgnav.jpg); background-repeat: no-repeat; background-position: left top; width: 800px; height: 37px; padding-left: 40px; }
.headbgbox{
background-color: #84A9E2;
}
.module_head {
background-color: inherit;
font-size: 11px;
font-weight: bold;
color: #ffffff;
font-variant: small-caps;
background-image: url(module_head_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
text-indent: 3px;
height: 20px; }
.module_head_right {
background-color: inherit;
font-size: 11px;
color: #ffffff;
}
.module_head_right a {
background-color: inherit;
font-size: 11px;
color: #ffffff;
}
/* Immagine Box Stats*/
.stats_box {
height: 40px;
background-image: url(box_stats.jpg);
font-size: 11px;
font-weight: bold;
color: #4AF217;
text-indent: 55px;
}
.leftside_detail {
font-size: 11px;
font-weight: normal;
}