Provo a girare a voi la questione
dunque ho un sito fatto in XHTML con un layout table-less fisso ad una colonna.
Tutto bene sui browser explorer e simili invece con mozilla e netscape il footer si abbassa facendo uscire dal riquadro la scritta copyrigth, e si abbassa anche la gif con i quadratini
da cosa dipende?
Vorrei riuscire a risolvere questa cosa senza dover cambiare nulla
ma facendo funzionare il tutto anche su mozilla e netscape.
Questa e' la url del sito
http://www.sg.dinale.it/dinale
Vi posto qui sotto in ordine l'XHTML della pagina index.html e il template1.css che gestisce il layout.
---------------------------------------------------------------------
<!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>Dinale IT - Soluzioni di tecnologia informazione</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="template1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
header1_0_01_over = newImage("immagini/header1.0_01-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<link href="collegamenti.css" rel="stylesheet" type="text/css" />
<link href="testi.css" rel="stylesheet" type="text/css" />
</head>
<body onload="preloadImages();">
<div id="container">
<div id="header">
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6">
<a href="index.html" onfocus=";this.blur()"
onmouseover="changeImages('header1_0_01', 'immagini/header1.0_01-over.gif'); return true;"
onmouseout="changeImages('header1_0_01', 'immagini/header1.0_01.gif'); return true;">
[img]immagini/header1.0_01.gif[/img]</a></td>
<td colspan="2">
[img]immagini/header1.0_02.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_03.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_04.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]immagini/header1.0_05.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_06.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_07.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]immagini/header1.0_08.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_09.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_10.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]immagini/header1.0_11.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_12.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_13.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]immagini/header1.0_14.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_15.gif[/img]</td>
<td colspan="3">
[img]immagini/header1.0_16.gif[/img]</td>
</tr>
<tr>
<td>
[img]immagini/header1.0_17.gif[/img]</td>
<td colspan="2">
[img]immagini/header1.0_18.gif[/img]</td>
<td>
[img]immagini/header1.0_19.gif[/img]</td>
<td colspan="2">
[img]immagini/header1.0_20.gif[/img]</td>
<td>
[img]immagini/header1.0_21.gif[/img]</td>
<td>
[img]immagini/header1.0_22.gif[/img]</td>
</tr>
<tr>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
<td>
[img]immagini/spacer.gif[/img]</td>
</tr>
</table>
</div>
<div id="navigation">
<div align="left">[img]immagini/tit_soluzioni.gif[/img]</div>
</div>
<div id="content">
<table width="96%" border="0" align="center">
<tr>
<td width="7" height="300"><div align="left">[img]immagini/line.gif[/img]</div></td>
<td width="674" height="300"><div align="center" class="Stile1">
<map name="Map" id="Map">
<area shape="rect" coords="583,7,665,22" href="mappa_sito.htm" alt="MAPPA DEL SITO" />
</map>
</div></td>
</tr>
<tr>
<td height="22" colspan="2"><p align="left">[img]immagini/linefooter_01.gif[/img]
</p></td>
</tr>
</table>
</div>
<div id="footer" class="testopiccolo">©2005 - www.dinale.it - tutti i diritti sono riservati </div>
</div>
</body>
</html>
-------------------------------------------------------------------
/* CSS Document */
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{
font-family: arial,sans-serif;
text-align:center;
margin-top: 7%;
}
div#container{
width: 720px;
margin: 0 auto;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
height: 450px;
border-color: #000000;
}
/*stili generici, su header e footer*/
div#header{font-family: arial,sans-serif;
text-align: center;}
div#footer{
font-family: arial,sans-serif;
text-align: center;
height: 10px;
}
div#footer a{font-family: arial,sans-serif;
text-align: center;
}
/*stili specifici per il layout*/
div#navigation{
font-family: arial,sans-serif;
margin-top: 2px;
}
-----------------------------------------------------------------
Please help me
buona domenica a tutti
Stefano
Rispondi quotando
