Sovraaccavallamento immagini su Mozilla

**werner** · 06-10-2008, 21:19

Salve a tutti io ho questo codice che su ie funziona senza sovraaccavallamento delle immagini inserite peró su Firefox mozilla la sovraaccavalla mi potete aiutare

<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" class="label">MOUNTAINPASS!</td>
</tr>
<tr>
<td valign="center" >
<table id="menu" border="0" cellpadding="0" cellspacing="0" width="192" >
<tr>
<td><div align="center"><a href="http://www.mountainpass.it/">[img]../images/mountainpass.jpg[/img]</div></td>
</tr>
<td valign="center" class="label">PARTNER</td>
<tr>
</tr>
<td><div align="center"><a href="http://dolomiten.suedtirol.com/">[img]../images/logoaltoadige.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.altabadia.org/">[img]../images/logoaltabadia.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.physiotherm.com/home.aspx">[img]../images/physiotherm_logo.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.skitop.it">[img]../images/Loghi-Ski-Top-OK.jpg[/img]</div></td>

</tr>
</td>
</tr>

</tr>
</table>
</td>
</tr>
</table>

**Myaku** · 06-10-2008, 21:42

la vedo difficile con quel codice.
A parte che non abbiamo l'indicazione del doctype, hai usato tabelle in modo improprio, ci sono attributi presentazionali html, alcuni su determinate dtd neppure ammessi. Non sappiamo se ci hai combinato insieme anche un css. E non è chiaro il concetto di "sovraccavallare" e ciò che invece dovrebbe essere (in questi casi uno screenshot può aiutare).

C'è solo una cosa certa: quello che interpreta il codice per come dovrebbe risultare è FF, non Explorer.
Ti conviene riprendere il tutto, dargli una pulita ed una struttura migliore. A quel punto sarà anche più semplice risolvere i problemi

**werner** · 06-10-2008, 23:25

Grazie mille provo a postarti tutto il codice magari riesci a capire meglio, il sito é www.albergo-sanleonardo.it le immagini dei partner con FF le vedo tutte una sopra l'altra mentre con ie é tutto ok!

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="cache">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="it">
<meta name="description" content="Benvenuti in Alta Badia, Val Badia e Dolomiti- Vacanze in montagna, vacanze e divertimento fra le montagne piú belle del mondo.">
<meta name="keywords" content="dolomiti,val badia,corvara,alta badia,la villa,san cassiano,vacanze montagna,sport, divertimento, svago, rilassarsi,parapendio, ritrovarsi, meditare, last minute,colfosco,hotel corvara,altabadia,alberghi dolomiti,pedraces,badia,vacanze estive,sci di fondo">
<meta name="audience" content="Alle">
<meta name="page-type" content="Anleitung">
<meta name="page-topic" content="Reise Tourismus">
<meta name="creation_date" content="2008-03-28">
<meta name="revisit-after" content="15 days">
<LINK REL="shortcut icon" HREF="http://www.albergo-sanleonardo.it//images/favicon.ico"/>

<title>Albergo San Leonardo*** -ALTA BADIA- -DOLOMITES- -ITALY- </title>

<script>

</script>
<link rel="stylesheet" href="format.css" type="text/css">
<script src="datumuhr.js" type="text/javascript"></script>

</head>
<body topmargin="10" marginheight="10" leftmargin="10" marginwidth="10" onload="window.setTimeout('datumuhr()',1000)">
<div align="center"><table cellspacing="0" cellpadding="0" border="0" width="756" class="logo">
<tr>
<td><div align="center">[img]images/banneralbergo.jpg[/img]</a>
<map name="Map">
<area shape="rect" coords="594,68,644,95" href="albergoit.htm" target="_top" alt="BENVENUTI!">
<area shape="rect" coords="645,45,696,73" href="albergoing.htm" target="_top" alt="WELCOME!">
<area shape="rect" coords="690,16,740,44" href="albergoted.htm" target="_top" alt="WILLKOMMEN!">
</map>
</div></td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" width="756" >
<tr>
<td width="100%" ><table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
</tr>
<tr>

<td align="center" class="banner" width="100%" >
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td align="center" >[img]images/bannerpanoramico.jpg[/img]</td>
</tr>
</table>

</td>

</tr>
</table>

</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" width="756" >
<tr>
<td class="backnav" valign="top" width="192" >
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" class="label">BENVENUTI!</td>
</tr>
<tr>
<td valign="top" >

<table id="menu" border="0" cellpadding="0" cellspacing="0" width="192" >
<tr>
<td >Residence Lersc</td>
</tr>
<tr>
<td>Ristorante pizzeria</td>
</tr>
<tr>
<td>Camere</td>
</tr>
<tr>
<td>Zona relax</td>
</tr>
<tr>
<td>Prezzi</td>
</tr>
<tr>
<td>Album</td>
</tr>
<tr>
<td><span>Meteo</td>
</tr>
<tr>
<td><span>Contattaci</td>
</tr>
<tr>
<td><span>Dove siamo</td>
</tr>
<tr>
<td><span>Webcam</td>
</tr>
<tr>
<td><span>Link utili

</td>
</tr>

</tr>
</table>
</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" class="label">NEWS!</td>
</tr>
<tr>
<td valign="top" >

<table id="menu" border="0" cellpadding="0" cellspacing="0" width="192" >
<tr>
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:80px;width:192px;border:solid #B4C1D3 0px;background:#D7DDE6;padding:5px;" height="80" width="192px">
Stagione invernale 2008-09!

• Apertura impianti prevista per il 22 di novembre con la promozione Winter Warm UP....

• Per tale data sono previsti i collegamenti fra Corvara, La Villa e San Cassiano

• A primavera verranno garantiti i principali collegameti e il Sella Ronda fino al 13.04.09 (lunedí di Pasqua)

</marquee>
</tr>
<tr>
</tr>

</td>
</tr>

</tr>
</table>
</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" class="label">MOUNTAINPASS!</td>
</tr>
<tr>
<td valign="top" >
<table id="menu" border="0" cellpadding="0" cellspacing="0" width="192" >
<tr>
<td><div align="center"><a href="http://www.mountainpass.it/">[img]images/mountainpass.jpg[/img]</div></td>
</tr>
<td valign="top" class="label">PARTNER</td>
<tr>
</tr>
<td><div align="center"><a href="http://dolomiten.suedtirol.com/">[img]images/logoaltoadige.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.altabadia.org/">[img]images/logoaltabadia.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.physiotherm.com/home.aspx">[img]images/physiotherm_logo.jpg[/img]</div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.skitop.it">[img]images/Loghi-Ski-Top-OK.jpg[/img]</div></td>

</tr>
</td>
</tr>

</tr>
</table>
</td>
</tr>
</table>

</td>

<td valign="top" class="space" align="center" >[img]images/space.gif[/img]</td>

<td class="backinhalt" valign="top" align="center" width="100%" >

<table cellspacing="0" cellpadding="0" border="0" width="100%" >
<tr>
<td valign="top" >
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" class="label" width="100%"></td>
</tr>
<tr>
<td class="inhalt" valign="top" width="100%" ><p align="center"><font color="#666666">

L'albergo San Leonardo, gestito con familiare cordialità,

è situato in posizione centrale ma tranquilla, a
pochi minuti

dagli impianti di risalita che portano

alle piste del comprensorio

sciistico Alta Badia - Sella Ronda.<a href="images/Sellardona08picc%5B1%5D.pdf"><font color="#FF6600" size="2">(Scarica
la cartina Sella Ronda.pdf)</font></a></font>

[img]images/albergo.jpg[/img]</p>
<p align="center">
</p>
<p align="center">[img]images/alergow.jpg[/img]</p>
<p align="center"><font color="#666666">I</font><font color="#666666">n
estate costituisce un ottimo punto

di partenza per innumerevoli

passeggiate ed escursioni....</font>

</p>
<p align="center">[img]images/Sleonardo.jpg[/img]</p>
<p align="center">

</p>
</td>
</tr>
</table>
</td>

</table>

</td>
</tr>
</table>
</div>

</body>
</html>

**Myaku** · 07-10-2008, 07:03

Originariamente inviato da werner
Grazie mille provo a postarti tutto il codice magari riesci a capire meglio, il sito é

quando posti il codice usa il tag # (e comunque, se già ci dai il link è sufficiente)

per il resto, vale quanto detto nel post precedente: è da sistemare "alla base".
Dichiara il doctype, porta tutta la presentazione su css, se riesci togli le tabelle e struttura utilizzando i div, valida il tutto. Tieni come riferimento Firefox, che per Explorer, se qualcosa non va, si corregge con i commenti condizionali

Con un codice come quello attuale metterci le mani è da andare fuori di testa. Tenuto conto del fatto che, tanto più il codice è incasinato e "non-standard", tanto più difficile è prevederne il comportamento sui vari browser. Se anche riesci a dargli una ripigliata alla buona su FF, poi magari ti salta fuori un altro problema con una qualche versione di IE, o magari altro browser.

**werner** · 07-10-2008, 09:45

Grazie mille hai ragione tu proveró a dargli una ripulitina!

Discussione: Sovraaccavallamento immagini su Mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Sovraaccavallamento immagini su Mozilla

Permessi di invio