Salve a tutti, ho creatouna grafica HTML e funziona tutto bene, tranne l'elenco puntato che con IE versione 7 non mi funziona..
Ho provato davvero in tutti i modi, ma non riesco..Potete aiutarmi per favore?
Ecco l'HTML:
Codice PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset= iso 8859-1" />
<title>****</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" id="conteiner">
<tr>
<td class="border_left"></td>
<td class="center_column">
<table cellspacing="0" cellpadding="0" border="0" id="header">
<tr>
<td class="buttons">[url="index.html"]HOMEPAGE[/url]</td>
<td class="buttons">[url="galleria.html"]GALLERIA IMMAGINI[/url]</td>
<td class="buttons">[url="dove_siamo.html"]DOVE SIAMO[/url]</td>
<td class="buttons">[url="contattaci.html"]CONTATTACI[/url]</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="logo">
<tr>
<td>[img]images/logo.jpg[/img]</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="content">
<tr>
<td>[img]images/h_welcome_ita.gif[/img]
<div class="title"><span class="headline">Esempio di testo!!</span>
Questo è un testo di prova tanto per vedere un po'....
Fra le caratterische principali spiccano:
<ul>
[*]testo numero 1
[*]testo numero 2
[/list]
</div>
</td>
</tr>
</table>
</td>
<td class="border_right"></td>
</tr>
</table>
<div id="footer">
Copyright © proprietario</p>
</div>
</body>
</html>
Il css:
Codice PHP:
/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.jpg) 0 0 repeat-x ; color:#000000; font:12px/16px Arial, sans-serif;}
ul, li {margin-left: 5px; list-style-type: disc;}
#conteiner {
width: 773px;
margin: 0 auto 0 auto;
vertical-align: top;
}
.border_left {
width: 2px;
margin: 0;
padding: 0;
background: url(../images/border.gif) no-repeat;
background-position: top right;
}
.border_right {
width: 2px;
margin: 0;
padding: 0;
background: url(../images/border.gif) no-repeat;
margin-bottom: 10px;
}
.center_column {
width: 769px;
margin: 0px;
padding: 0px;
background: #FFFFFF;
}
#header {
width: 100%;
height: 60px;
margin-top: 0px;
background: url(../images/header_back.gif) repeat-x;
}
.buttons {
height: 60px;
background: url(../images/bullet.gif) no-repeat;
background-position: top center;
text-align: center;
vertical-align: middle;
color: #15465a;
font-weight: bold;
text-decoration: none;
margin: 0 15px;
}
.buttons a:link, .buttons a:visited {
color: #15465a;
font-weight: bold;
text-decoration: none;
margin: 0 15px;
}
.buttons a:hover {
color: #1ba1c3;
font-weight: bold;
text-decoration: none;
margin: 0 15px;
}
.logo {
width: 100%;
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
height: 230px;
vertical-align: middle;
text-align: left;
}
.content {
width: 759px;
padding: 30px 20px 10px 20px;
margin: 0px auto;
background: url(../images/content_back.gif) repeat-x #FFFFFF;
vertical-align: top;
text-align: justify;
}
.contact_form td{
width: 100%;
padding: 0 10px 5px 20px;
vertical-align: top;
}
.headline{font:14px/16px Arial, sans-serif; color:#849e04; font-weight:bold;}
.title{
width: 100%;
text-align: justify;
padding-top: 10px;
vertical-align: middle;
}
.contact_left {
text-align: left;
vertical-align: top;
width: 300px;
}
.contact_right {
text-align: left;
vertical-align: top;
text-indent: 20px;
}
#footer{margin:0 auto; height:81px; background:url(../images/b_footer.gif) 0 0 repeat-x; margin-top:0px}
#footer p{padding: 25px 0 0 0; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}
Naturalemente il testo inserito è casuale, in quanto per ora non può ancora essere diffuso il contenuto originale.
Terrei a precisare che questo sito non è in vendita, quindi non cerco di fare soldi facendomi aiutare dagli altri..Il sito è per una società di mio padre
Spero mi possiate spiegare perché con Firefox e Safari funzioni tutto bene, mentre con IE 7 (e presumo precedenti) niente..
Grazie in anticipo, Paolo.
EDIT: Preciso che è validato sia W3C per l'XHTML sia per il CSS