<div> visualizzato diversamente tra IE e Firefox

**mfonz85** · 15-04-2007, 15:54

Ciao a tutti,
ho un problema: date un'occhiata a questa pagina:
http://users1.nofeehost.com/mfonz85/prove/tabs.html
Se la provate con Firefox (io ho usato la versione 2.0.0.3) e IE (la versione 7), la frase "Ultima Riga" appare in modo giusto (al fondo del <div id="contenuto">) su IE, mentre appare in modo sbagliato su Firefox (subito dopo i link a scheda).
C'è un sistema per mettere a posto la pagina in modo definitivo per entrambi i browser?

Grazie in anticipo

**lake86** · 15-04-2007, 21:58

Cosi

codice:

<body>
<div id="contenitore">
    <div id="nav">
        <li id="home">Home
        <li id="who">About
        <li id="prod">Product
        <li id="serv">Services
        <li id="cont">Contact us
    </div>
	<table>
		<tr>
		  <td>
			<div id="menu">
			Tabella			
				<table border="0">
					<tr>
						<td>Riga 1</td>
						<td>col 2</td>
						<td>col 3</td>
						<td>col 4</td>
					</tr>
					<tr>
						<td>Riga 2</td>
						<td>col 2/2</td>
						<td>col 3/2</td>
						<td>col 4/2</td>
					</tr>
				</table>
			</div>
		  </td>
		</tr>
		<tr>
			<td>Ultima Riga</td>
	    <tr>			
	<table>	

</body>

Ciao Matteo

**mfonz85** · 15-04-2007, 22:15

Ok, provato...
La tua soluzione nn andava proprio benissimo, perchè combinava ancora più pasticci su Firefox.
Ho riutilizzato comunque la tua idea, e ho messo tutto dentro tabella.
Ora il codice è questo:

codice:

<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<div id="nav">
				<li id="home">Home
				<li id="who">About
				<li id="prod">Product
				<li id="serv">Services
				<li id="cont">Contact us
			</div>
		</td>
	</tr>
	<tr>
		<td>
			<div id="menu">
				Tabella
				<table border="0">
					<tr>
						<td>Riga 1</td>
						<td>col 2</td>
						<td>col 3</td>
						<td>col 4</td>
					</tr>
					<tr>
						<td>Riga 2</td>
						<td>col 2/2</td>
						<td>col 3/2</td>
						<td>col 4/2</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
	<tr>
		<td>Ultima Riga</td>
	</tr>			
</table>

Adesso con Firefox sembra andar bene...con IE7 no...azz...
Non so se odiarli questi CSS, o amarli

Ti ho uppato il risultato della modifica...se hai Firefox e IE7, puoi vederla dal vivo (credo che faccia casino anche con IE6...ora provo)

http://users1.nofeehost.com/mfonz85/prove/tabs2.html

Grazie x l'aiuto!

**mfonz85** · 15-04-2007, 22:32

Risolto

Grazie lake, il trucchetto della table è andato a buon fine!

Ho smanettato un pò il CSS, ed è andato tutto a posto. Era sbagliato un padding, che evidentemente in Firefox era ignorato e su IE7 no. Infatti IE7 lo visualizzava

Strano, mi sarei aspettato il contrario

http://users1.nofeehost.com/mfonz85/prove/tabs2.html

Ciaoo!

Discussione: <div> visualizzato diversamente tra IE e Firefox

Strumenti discussione

Ricerca discussione

Visualizza

<div> visualizzato diversamente tra IE e Firefox

Permessi di invio