Salve a tutti, sono un nuovo utente del Forum, sto creando un template 800x600 con i css ma non riesco a centrare il template, firefox e chrome lo visualizzano al centro, ma explorer lo visualizza sulla sinistra lo style del container è il seguente:
.container {
width: 800px;
height: 600px;
margin: 0 auto;
padding: 0 auto;
}
Internet explorer non mi legge il comando margin: 0 auto;
devi mettere nel body uno stile text-align:center;
cioé...dove?? ho provato ad inserirlo nello style del container ma non funziona??
.container è un elemento block-level, quindi dichiarando per esso margin:auto viene centrato anche su IE.
Infatti funziona (nonostante quell'inesplicabile padding:0 auto).
Sicuramente nel tuo HTML/CSS c'è dell'altro...
Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]
sono daccordo con te per il comando padding 0 auto; è inutile in questo caso, ma sto provando di tutto perché non riesco a centrare il template su IE:
La programmazione è la seguente:
<html>
<head>
<title> template </title>
</head>
<body>
<div class="container">
<div class="header">
Con internet explorer il template non si centra!!</p>
</div>
<div class="left">
Left
</div>
<div class="body">
Body
</div>
<div class="right">
Right
</div>
<div class="footer">
Footer
</div>
</div>
<style>
.container {
width: 800px;
height: 600px;
margin: 0 auto;
}
.header {
text-align: center;
Border: 1px solid #000000;
width: 98%;
height: 150px;
float: none;
}
.left {
text-align: center;
Border: 1px solid #000000;
width: 24%;
height: 400px;
float: left;
}
.body {
text-align: center;
Border: 1px solid #000000;
width: 50%;
height: 400px;
float: left;
}
.right {
text-align: center;
Border: 1px solid #000000;
width: 24%;
height: 400px;
float: left;
}
.footer {
text-align: center;
Border: 1px solid #000000;
width: 98%;
height: 50px;
clear: left;
}
</style>
</body>
</html>
Se potete aiutarmi!!
mi autoquoto. C'è scritto nel BODY non nel containerOriginariamente inviato da ResianTaxidrive
devi mettere nel body uno stile text-align:center;
body{
text-align:center;
}
Per centrare un elemento con margin:auto è necessario che la pagina sia resa standard, cioè è necessario dichiarare il doctype.
Se tu invece di iniziare la tua pagina con un semplice
la inizi concodice:<html>
Vedrai che tutti i tuoi problemi di centratura spariranno.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" xml:lang="it" lang="it">
Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]
Il text-align allinea il testo dell'intera pagina al centro ma non il contenitore! Mi trovo in disaccordo anche con il fatto che IE legge il margin auto: mi sono trovato nella stessa situazione e ho dovuto fare diversamente. Il doctype non incide in questo caso sulla centratura. Provare per credere.Originariamente inviato da ResianTaxidrive
mi autoquoto. C'è scritto nel BODY non nel container
body{
text-align:center;
}
Beh, text-align:center centra gli elementi inline della pagina, margin-auto centra gli elementi block. Con le vecchie versioni di Explorer c'erano effettivamente molti problemi, ma dichiarando correttamente il doctype almeno con IE6, IE7 ed IE8 si è ragionevomente sicuri che il nostro contenitore dichiarato margin-auto se ne starà tranquillo al centro...
Se poi sussistono problemi con le versioni ancora precedenti di Explorer direi che ce ne possiamo tranquillamente infischiare
Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]
Io non sono riuscito a centrare un div con il margin auto neanche in IE9. Secondo me ti sbagli, IE ignora questo codice. Prova tu stesso!Originariamente inviato da sandrone65
Beh, text-align:center centra gli elementi inline della pagina, margin-auto centra gli elementi block. Con le vecchie versioni di Explorer c'erano effettivamente molti problemi, ma dichiarando correttamente il doctype almeno con IE6, IE7 ed IE8 si è ragionevomente sicuri che il nostro contenitore dichiarato margin-auto se ne starà tranquillo al centro...
Se poi sussistono problemi con le versioni ancora precedenti di Explorer direi che ce ne possiamo tranquillamente infischiare
Permessi di invio
Rispondi quotando