Non capisco perché con firefox, ie6, safari, le tabelle e il testo si vedono perfetti mentre co ie7 si accentra tutto. nel head ho fatto creare qualche stile al dreamweaver, ma il css di base e perfetto (almeno spero). Cosa posso fare?
GRazie
*css
{
padding: 0px;
}
body
{
background-color: #1C1C1C;
color: #1c1c1c1;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-seri;
}
h3.titel {
padding-bottom: 5px;
border-bottom: 1px solid #1c1c1c1;
}
a {
color: #DBDBDB;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: silver;
}
#testo
{
color: #cccccc;
border-bottom-width:medium;
text-align: justify;
font-size:12px;
font:Geneva, Arial, Helvetica, sans-serif;
top:auto;
}
#content {
width: 537px;
height: auto;
text-align: left;
float: none;
position: absolute;
left: 29px;
top: 160px;
}
#site {
width: 500px;
float: left;
height: auto;
margin-left: 15px;
margin-right: 15px;
}
#site img {
float: right;
border: 1px dashed #b4b4b4;
padding: 1px;
}
#top {
height:top;
margin-top:auto;
width: 1010px;
height: 24px;
background: url('images/top.png') no-repeat;
}
#center {
float: left;
width: 1010px;
height: auto;
min-height: 200px;
background: url('images/center.png') repeat-y;
padding-top: 0px;
}
#bottom {
float: left;
width: 1010px;
height: 50px;
background: url('images/bottom.png') no-repeat;
}
#header
{
text-align: left;
width: 100%;
height: 105px;
position: absolute;
left: 0px;
top: -150px;
}
#header img {
}
#nav {
color: #777777;
height: 100%;
margin-top:50px;
float: left;
width: 1010px;
text-transform: uppercase;
float: left;
margin-bottom: 1px;
font-size: 14px;
margin-left: 102px;
letter-spacing: 0px;
}
#ciaomondo {
background-image:url(templates/woodos/images/top_images.png);
height: 60px;
width:1000px;
font-size: 12px;
margin-right:100px;
margin-bottom: 0px;
letter-spacing: 1px;
}
#nav a.navlink_active {
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
border-left: #CCCCCC;
border-bottom-width:0px;
padding-right: 5px;
padding-left: 3px;
}
#nav a.navlink_active:hover {
}
#nav a.navlink{
color: #b4b4b4;
font-weight: bold;
text-decoration: none;
padding-right: 5px;
padding-left: 3px;
}
#nav a.navlink:hover {
color: #777777;
}
#footer
{
font-size: 10px;
float: right;
height: 30px;
color: #5a5a5a;
text-align: right;
margin-left: 120px;
margin-top: -3.5em;
text-transform: uppercase;
float: left;
font-size: 12px;
text-align: center;
letter-spacing: -0.05em;
font-weight: bold;
}
#footer a {
color: #b4b4b4;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
color: silver;
text-decoration: underline;
}
body {
background-color: #1C1E20;
margin-top: 0,1;
}
<head>
<!--
body {
background-color: #1C1E20;
margin-top: 0,1;
}
.style5 {color: #999999}
.style7 {
color: #6D6F6F;
font-weight: bold;
}
.style8 {font-size: 14px}
.style10 {color: #666666}
.style12 {color: #666666; font-weight: bold; font-size: 10px; }
.style13 {color: #999999; font-size: 11px; }
.style14 {font-size: 11px}
-->
</style>
</head>
