Dimensione DIV

**netgost87** · 29-03-2008, 21:09

Sera a tutti,
Mi sapreste dire perchè nel seguente stile applicato ad una div:

div#miniboxSx {
background-color: rgb(255, 255, 255);
border:1px solid #999999;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 10;
position: absolute;
width: 30%;
height: 40%;
top: 10%;
left: 18%;
text-align: left;
vertical-align: middle;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
overflow: hidden;
}

le proprietà:

width: 30%;
height: 40%;
top: 10%;
left: 18%;

vengono accettate da tutti i browser (che visualizzano la div al posto giusto) tranne che da Internet Explorer (che mi attacca la div in alto a bordo pagina e non le visualizza della giusta altezza, mentre la left e la width sono giuste) e come risolvere il problema?

Grazie Andrea

**Braco** · 02-04-2008, 20:52

Originariamente inviato da netgost87
Sera a tutti,
Mi sapreste dire perchè nel seguente stile applicato ad una div:

div#miniboxSx {
background-color: rgb(255, 255, 255);
border:1px solid #999999;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 10;
position: absolute;
width: 30%;
height: 40%;
top: 10%;
left: 18%;
text-align: left;
vertical-align: middle;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
overflow: hidden;
}

le proprietà:

width: 30%;
height: 40%;
top: 10%;
left: 18%;

vengono accettate da tutti i browser (che visualizzano la div al posto giusto) tranne che da Internet Explorer (che mi attacca la div in alto a bordo pagina e non le visualizza della giusta altezza, mentre la left e la width sono giuste) e come risolvere il problema?

Grazie Andrea

Non ti garantisco togli questo: position: absolute; anche a me faceva brutti scherzi

**netgost87** · 03-04-2008, 18:44

Sono riuscito a risolvere il problema...
ho dovuto lavorare parecchio di javascript per far funzionare tutto.

**gengix** · 04-04-2008, 15:27

Sono riuscito a risolvere il problema...
ho dovuto lavorare parecchio di javascript per far funzionare tutto.

Per quale motivo hai dovuto utilizzare javascript?
Prova copiare questo codice a vedere se ti va:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
    <title>prova</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
        * 
        { 
        margin: 0; 
        padding: 0; 
        }
        html, body 
        { 
        width:100%; 
        height:100%;
        text-align:center;
        }
        #box
        {
        position:relative;
        margin:auto;
        height:50%; 
        width:50%;
        border:solid 1px #000; 
        }
        #prova
        {
        position: absolute;
	border:1px solid red;
	width: 30%;
	height: 40%;
	top: 10%;
	left: 18%;
        }
        </style>
    </head>
    <body>
        <div id="box"></div>
			<div id="prova"></div>
    </body>
</html>

**gengix** · 04-04-2008, 15:30

Puoi eliminare anche il div #box e dare una position relative al body.
Vedrai che il div #prova rimane nella stessa posizione.

Discussione: Dimensione DIV

Strumenti discussione

Ricerca discussione

Visualizza

Dimensione DIV

Re: Dimensione DIV

ho risolto... ma che stress

Permessi di invio