Problemi con visualizzazione layout ie/ff

**Cesar** · 04-07-2007, 22:47

Ciao a tutti,

sarò breve: n on riesco a far visualizzare in modo coretto questo codice su ie/ff (su ie si vede in "modo sbagliato")

dove sbaglio?

Grazie.

codice:

<!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=utf-8" />
<title>prova</title>
</head>

<style type="text/css">
html, body { margin: 0; padding: 0; }

body { padding-bottom: 20px; 
padding-top: 20px; 
text-align: center; 
background-color: #E2EBED; 
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.9em;

 }
		
		
#contenitore {
			text-align: left;
			margin: 0 auto;
			width: 770px;
			background-color: White;
			border: 1px solid #4396AC;
			}		

#testata {
			margin-bottom: 15px;
			padding: 0px;
			}
			
#logo {
	width: 350px;
	float: left;
}
#testata_prima {
			height: 20px;
			background-color: #4396AC;
			color: White;
		}
		
#testata_dopo {
			height: 1px;
			background-color: #4396AC;
			margin-top: 20px;
}

#testata_ricerca {
		width: 200px;
		text-align: left;
		margin-left: 400px;
		margin-top: 50px;


}
</style>

<body>

<div id="contenitore">
<div id="testata">
	<div id="testata_prima"> primo</DIV>
	<div id="logo"> [img]prova.gif[/img]</div>
     <div id="testata_ricerca">   <input name="aaa" type="text" /> 
       <input type="submit" name="button" id="button" value="Invia" />
     </div>
	 <div id="testata_dopo"> </DIV>
</div>
</div>
</body>
</html>

**Mich_** · 05-07-2007, 09:25

Anzitutto fatti un giro dai validatori. Ho notato vari errori di sintassi, specie nei nomi dei font: validatore HTML e validatore CSS.

Poi IE non accetta altezze minori della dimensione dei caratteri (anceh se in quel box non ci sono caratteri). Quindi dove c'e` height: 1px; metti anche font-size: 0px

**Cesar** · 05-07-2007, 10:25

non cambia niente.... -_-

**Mich_** · 05-07-2007, 10:54

Comunque devi specificare meglio il tuo si vede in "modo sbagliato", altrimenti non si sa in che senso va modificata la pagina / dove occorre intervenire per correggere.

**Cesar** · 05-07-2007, 11:55

Originariamente inviato da Mich_
Comunque devi specificare meglio il tuo si vede in "modo sbagliato", altrimenti non si sa in che senso va modificata la pagina / dove occorre intervenire per correggere.

hai ragione... scusa.
allego un immagine con le differenze. la visualizzazione giusta è quella di firefox.

**Mich_** · 05-07-2007, 12:06

Come dire che in IE un blocco "scappa fuori" dal suo contenitore, ma verso destra.

In quei casi io do colori di sfondo differenti a tutti i blocchi, in modo da capire esattamente come si innestano. Poi inizio a giocare con i vari parametri.

**Cesar** · 05-07-2007, 17:20

Originariamente inviato da Mich_
Come dire che in IE un blocco "scappa fuori" dal suo contenitore, ma verso destra.

esatto

Originariamente inviato da Mich_
In quei casi io do colori di sfondo differenti a tutti i blocchi, in modo da capire esattamente come si innestano. Poi inizio a giocare con i vari parametri.

per questi test si può usare anche firebug.... il problema rimane.

Discussione: Problemi con visualizzazione layout ie/ff

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con visualizzazione layout ie/ff

Permessi di invio