Salve a tutti, sto diventando matto perché non riesco a centrare il contenuto di una pagina con la formattazione di stile.
Per l'esattezza, su IE viene perfettamente centrata, mentre su tutti gli altri browser rimane tutto a sinistra.
Qualcuno è in grado di spiegarmi il motivo? Quello che più mi fa impazzire è che è già una volta ho fatto una cosa simile, e mi è venuta benissimo su tutti i browser. Non capisco perché questa non funziona.
Il codice è questo:
Il "center" che ho messo nel body dovrebbe, secondo me, far sì che tutto venga centrato. Ho messo il bordo intorno a "movie" per evidenziare la posizione in cui il browser la piazza. IE la centra, gli altri no. "testo" è in posizionamento assoluto rispetto a "movie", per cui deve venire anch'essa scostata dal margine sinistro.Codice PHP:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titolo pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin:0px; padding:0px;
background-color: #ff9900; text-align:center;
}
#movie {
width:400px;
position:relative;
margin: 0px;
padding: 0px;
border: 2px solid #000000;
text-align:left;
}
#testo {
position:absolute;
top:280px;
left:20px;
width:400px;
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size:12px;
z-index: 2;
}
-->
</style>
</head>
<body>
<div id="movie">
Perché questa div non viene centrata?
<div id="testo">Siamo chiusi per ferie l'11-8 e il 14-8
Aperture domenicali con offerte speciali
previste per i seguenti giorni:
22 settembre
13 ottobre
27 ottobre
10 novembre
dalle ore 9:00 alle 13:00
e dalle ore 16:00 alle 19:00 </div>
</div>
</div>
</body>
</html>
Qualcuno riesce a spiegarmi cosa sbaglio?
Grazie
Rispondi quotando
px;
