IE e Height...

**bebbbo** · 31-08-2005, 11:57

Ma IE6 non accetta height????

Cioè...io ho una classe cosi definita:

codice:

.finestratop	{
				width: 165px;
				height: 17px;
				margin: 0px;
				padding-left: 10px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				border: none;
				text-align: left;
				background-image: url('images/finestra/form_top.gif');
				background-repeat: repeat-x;
				}

Dove l'immagine che uso di sfondo è alta esattamente 17px
Il codice della mia pagina (con estensione .asp perchè dovro inserire degli script tra poco) è:

codice:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml version="1.0" encoding="UTF-8"?>	
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>
			Employee Portal
		</title>
		<link rel="stylesheet" href="prova.css" type="text/css"/>
	</head>
	<body>
		<div class="finestratop">DCStocks</div>
	</body>
</html>

La cosa curiosa è questa...con Firefox è tutto perfetto, mentre con IE6 mi imposta l'altezza leggermente più alta di quella da me definita (credo almeno 2-3 px più alta) e mi ripete parte dello sfondo...e se imposto il background repeat a repeat-x mi visualizza nella parte bassa una riga bianca.
Come mai questa cosa???

Una curiosità...ho dovuto togliere

codice:

<?xml version="1.0" encoding="UTF-8"?>

come prima riga di codice perchè altrimenti si comportava come se non avessi definito il DOCTYPE e quindi aveva il bug di IE 5.5 riguardo al box model...strana sta cosa...sapere perchè?

**pacovox** · 31-08-2005, 12:03

Prova ad aggiungere font-size:1px;

Il prologo xml manda in modalità retrocompatibile(quirk mode) IE6, è normale.

**bebbbo** · 31-08-2005, 12:09

Grande!!!

ho risolto

Con font-size 1 mi sparisce il testo, ho messo 12 e va benissimo...in pratica da quello che ho capito IE aggiunge dello spazio sotto al testo che va ad aumentare la dimensione del DIV, quindi bisogna contenersi con il font...giusto?

**Mich_** · 31-08-2005, 14:31

Prima di inserire gli hack, dovresti pero` scrivere codice valido.

Non puoi scrivere del testo direttamente dentro un <div> in XHTML Strict: ci deve essere un

(o altro) che contiene il testo.

Inoltre la linea <?xml ...?> messa li` e` sbagliata: non e` codice che rispetta il DOCTYPE. Dovresti ometterla per evitare il baco di IE.

**bebbbo** · 31-08-2005, 15:29

Ok...ora inserirò tutto il testo all'interno dei tag

ma scusa una cosa,

è un elemento di blocco...quindi se io mi creo un div e ci metto solo del testo racchiuso in un tag

, questo non mi lascerà una riga vuota sopra o sotto(non so se gli elementi di blocco vanno a capo all'inizio o alla fine)?

**Mich_** · 31-08-2005, 16:42

Tag

? Come sai non esistono in XHTML. Esistono i tag

.

Comunque gli spazi li sistemi con gli attributi CSS margin e padding (immagino che li dovrai mettere a zero).

Oppure inserisci un'immagine di 1 px dentro il <div>, magari una gif trasparente (sempre con bordi, margin e padding messi a 0).

Discussione: IE e Height...

Strumenti discussione

Ricerca discussione

Visualizza

IE e Height...

Permessi di invio