allineare su IE

**torrone** · 13-01-2011, 01:21

ho un piccolo blocco che con tutti i browser risulta allineato centralmente mentre con IE no.. come potrei centrarlo?

.test {
border: 1px solid #000000;
padding: 5px;
width: 150px;
height: 150px;
margin: 10px auto 10px auto;
}

<div class="test">test</div>

**carlomarangoni** · 13-01-2011, 02:00

Centrato al centro dello schermo

codice:

.test {
border: 1px solid #000000;
padding: 5px;
width: 150px;
height: 150px;
position: absolute;
top: 50%;
left: 50%;
margin: -75px 0 0 -75px;
}

**torrone** · 13-01-2011, 02:04

non al centro dello schermo..
è dentro un altro blocco... e non riesco ad allinearlo al centro.. cioè alla stessa distanza da destra e sinistra e basta...

**carlomarangoni** · 13-01-2011, 02:14

Prova a togliere il padding

**torrone** · 13-01-2011, 02:19

niente non cambia...

**torrone** · 13-01-2011, 02:23

diciamo che è all'interno di questo

div#bloccosx {
float:left;
width:200px;
}

**carlomarangoni** · 13-01-2011, 02:58

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>Documento senza titolo</title>
<style type="text/css">
<!--

div#bloccosx {
	border:#000 solid 3px;
float:left;
width:200px;
}
.test {
border: 1px solid #000000;
padding: 5px;
width: 150px;
height: 150px;
margin: 10px auto 10px auto;
}


-->
</style>
</head>

<body>
<div id="bloccosx">
  <div class="test">Inserire qui il contenuto per  class "test"</div>
</div>
</body>
</html>

Io lo vedo centrato sia con IE sia con FF

**Mich_** · 13-01-2011, 09:35

Quale versione di IE?
Quale DTD usi?

In IE 6 non c'e` modo di allineare al centro rispettando le regole CSS: occorre usare il text-align applicato al contenitore.
Gli altri IE (7 e successivi) si comportano in modo standard se la DTD e` di tipo strict; si comportano come IE6 se la DTD e` transitional o se manca il DOCTYPE.

Discussione: allineare su IE

Strumenti discussione

Ricerca discussione

Visualizza

allineare su IE

Permessi di invio