Ridimensionamento automatico div con IE

**stefanopianelli** · 11-11-2009, 22:23

Salve a tutti.

Avrei da porvi un quesito riguardo l'interpretazione del tag div da parte di IE.

Se io creo un div di dimensione x, e poi vi inserisco dentro un immagine di dimensione x+y, IE mi "auto-allarga" il div per farvi entrare l'immagine.

Io questa cosa non la voglio assolutamente, perchè la utilizzo per creare un effetto stilistico nel mio sito.

Con Firefox, Chrome, Safari e Opera non ho questo problema, e volevo sapere se qualcuno di voi saprebbe darmi una mano.

Grazie a tutti in anticipo.

Stefano

**Vincent.Zeno** · 11-11-2009, 23:29

è una "questione di stile" del progetto del browser.
IE è quello che di più cerca di "far vedere comunque", che ci piaccia o meno.

non so cosa ti voglia realizzare ma a quanto ho capito devi cambiare il progetto.
magari con due z-index differenti

**stefanopianelli** · 11-11-2009, 23:36

Intanto grazie mille per la risposta.

http://giuseppes.no-ip.biz/stefano/main.html

questo è un host provvisorio del sito.

Se lo apri con firefox e IE noterai il bordo del div di sinistra che sballa con IE.

Il css della pagina è questo comunque :

codice:

#info {

	position:			absolute;
	height:				24px;
	left :				210px;
	width:				760px;
	border-bottom:		2px solid red;
}

#info a {
	
	border-right:		2px solid black;
	font-family:		Arial, "Times new Roman", Serif;
	padding:			0px 5px;
	font-size:			14pt;
}

#sinistra {

	position:			absolute;
	height:				540px;
	width:				200px;
	border-right:		2px solid red;
}

#corpo {
	
	position :			absolute;
	height :			500px;
	width :				750px;
	top :				50px;
	left :				230px;
}

#footer_l	{
	
	position:			absolute;
	height:				27px;
	white-space:		nowrap;
	top:				550px;
	border :			2px solid blue;
}



#footer_r	{
	
	position:			absolute;
	height:				27px;
	width :				187px;
	left :				730px;
	top:				550px;
	border :			2px solid blue;
}

**Vincent.Zeno** · 12-11-2009, 00:04

secondo me "rischi troppo" facendo uscire l'immagine in quel punto.

mi orienterei più verso una soluzione del genere:
(vedi i bordi solo come indicativi per capire)

codice:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 3</title>
<style type=text/css>
#box {width:207px; border: 1px solid green; }
#img1 {width:200px; border: 1px solid red;}
#img2 {width:207px;}
#img3 {width:200px; border: 1px solid red;}
</style>
</head>

<body>
<div id="box">
<div id=img1></div>
<div id=img2></div>
<div id=img3></div>
</div>
</body>

</html>

**stefanopianelli** · 12-11-2009, 00:35

Si beh in effetti la tua soluzione è strutturalmente più corretta sicuramente, ma con IE non ottengo comunque quell'effetto che ti ho fatto vedere sulla pagina che apri con Firefox.

Ora il server del mio amico è down quindi il sito nn è accessibile.

**stefanopianelli** · 12-11-2009, 01:56

Ho risolto.
Con la tua struttrazione mettendo i border-right alle sole immagini di sordi ottengo lo stesso effetto anche su IE...

Grazie mille per la tua disponibilità

Discussione: Ridimensionamento automatico div con IE

Strumenti discussione

Ricerca discussione

Visualizza

Ridimensionamento automatico div con IE

Permessi di invio