Problema con height:auto!important

**daviweb** · 26-10-2004, 18:00

A causa del diverso modo di intendere i bordi di IE, invece di fare un bordo mi trovo costretto a mettere un livello dentro a un altro per ottenere l'effetto desiderato.

questo è il codice:

codice:

body {
	background-color:#CCCCCC;
	padding:0px;
	margin:0px;
	text-align:center;
	height:100%;
}

#main_bordo {
	position:relative;
	margin:auto;
	width:780px;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-color:#ff0000;
}
#main {
	position:relative;
	margin:auto;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-color:#FFFFFF;
}

codice:

<body>

	<div id="main_bordo">
		<div id="main">
			ciao
		</div>
	</div>

Come potete vedere, il div interno (bianco) non è alto 100% ma la sua altezza è basata sul contenuto!

Dove sbaglio?

Grazie
Ciao

**Kintaro** · 26-10-2004, 18:22

In che modo IE intende diversamente i bordi?
Ma tu vuoi che il div interno sia alto 100% o come il contenuto?
Se il div interno è largo il 100% e quello esterno non ha padding come fa a vedersi il bordo laterale?

ok lo so ho fatto un sacco di domande e non ti ho aiutato.. scusa

**daviweb** · 26-10-2004, 19:09

si, scusa, in seguito a delle prove non ho ripristinato questo:

codice:

#main {
	position:relative;
	margin:768px;
	width:100%;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-color:#FFFFFF;
}

Se un div è largo 100px IE mi mette i bordi interni, firefox invece li mette esterni...

**bagu** · 26-10-2004, 22:51

scusa ma che te ne fai di:
margin:768px; ?

per il resto non ci ho capito quasi nulla

ciao paolo

**daviweb** · 26-10-2004, 23:33

codice:

#main {
	position:relative;
	margin:auto;
	width:768px;
	min-height:100%;
	height:auto!important;
	height:100%;
	background-color:#FFFFFF;
}

La fretta..... scusate!

Cos'è che non si capisce?? :master:

**Jerry Masslo** · 26-10-2004, 23:58

con min-height ti giochi dare altezze ai div annidati in percentuale perchè con solo min-height ci si riferisce al suo valore ma a causa di quella implementazione diventa prevalente heigth:auto che non concede annidamenti in percentuale in quanto non c'è la percentuale di auto

forse conviene che risolvi coi bordi, considera comunque che i bordi rientrano nel problema del box-model di ie e quindi con lo stesso codice si ottengono risultati diversi coi vari browser

**daviweb** · 27-10-2004, 00:03

Originariamente inviato da Jerry Masslo
forse conviene che risolvi coi bordi, considera comunque che i bordi rientrano nel problema del box-model di ie e quindi con lo stesso codice si ottengono risultati diversi coi vari browser

E' proprio questo il problema!! Ho tentato di usare due livelli sovrapposti per aggirare il problema del box-model...

**Jerry Masslo** · 27-10-2004, 00:27

se sono i bordi laterali puoi usare !important per dare indicazioni differenti ai vari browser e vedo che hai misure in pixel e quindi non dovrebbero esserci problemi che ci sarebbero con le percentuali invece

**daviweb** · 27-10-2004, 15:36

Bella idea Jerry Masslo!!!
Usando !important sull'attributo width ho risolto!

Grazie mille

Ciao

**blakwolf** · 28-10-2004, 08:37

piccola nota, se il !important non ti basta e vuoi selezionare solo i browser standard usa il selettore di attributo, te lo dico perchè quando ho avuto un problema come il tuo (un po più complesso) ho dovuto anche fare una piccola modifica anche solo hai browser strettamente standard compilant

div[id=main]{}

Discussione: Problema con height:auto!important

Strumenti discussione

Ricerca discussione

Visualizza

Problema con height:auto!important

Permessi di invio