Margine: Auto non funziona in IE

URL: http://cyberbat.co.uk/test margine del contenitore: auto non funziona, c'è un altro modo per metterlo in mezzo in IE.Margine: Auto non funziona in IE

EDIT: Controlla di nuovo, index.php era il file sbagliato, l'ho sostituito con index.html.

fonte

2011-10-18 Lewes

Poor domanda. Mostra qualche sorgente HTML, non vogliamo andare a cercarlo dal tuo link ... e mettere esattamente quello che c'è nel mezzo? – musefan

Hai solo bisogno di un contenitore per '.page' che il suo' text-align' dovrebbe essere 'center'. IE non può centralizzare un * block-tag * (come 'div's o' ul's) tramite 'margin'. Vedere il codice di seguito in risposta –

Link non funziona più. –

Utilizzare questo sul contenitore principale per i browser stupidi:

text-align: center

fonte

2011-10-18 16:10:55

si dispone di codice php RAW, perché non è stato configurato il server corretto:

<?php 
include('inc/settings.php'); 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

risolvere questo problema mediante l'applicazione di PHP per * I file .html e <?php include ?> non verranno visualizzati letteralmente. Se ricordo bene, regolare questa riga nel file .ini di essere:

AddType application/x-httpd-php .html .htm .php

Poiché questo codice backend letterale è di fronte al DOCTYPE, che provoca quirks mode in IE e in stranezze margini orizzontale auto non lo fanno lavorare bene.

Si può andare con l'allineamento del testo: centra sull'elemento genitore, ma quello è un trucco per IE e dovresti risolverlo correttamente facendo in modo che IE lo renda in modalità standard dal mio suggerimento sopra.

fonte

2011-10-18 16:11:09

Internet Explorer visualizza il tuo sito in quirks mode a causa di questa istruzione di elaborazione fasullo nella parte superiore del markup:

<?php 
include('inc/settings.php'); 
?>

rimuoverla; margin: auto funziona in IE6 +. C'è no necessario fare text-align: center o altre modifiche non necessarie.

fonte

2011-10-18 16:11:49 duri

Mi spiace, quello era il file php. Controlla di nuovo, ho messo il file index.html per sostituire il file index.php. – Lewes

@Lewes Se apro il link che hai fornito, posso ancora vedere ' duri

Questo è un bug in IE! Hai solo bisogno di creare un supporto per <div class="page"> e impostare il suo text-align a center

.page-holder{ 
 
    text-align:center; 
 
} 
 
.page{ 
 
    margin:0 auto; 
 
}

<div class="page-holder"> 
 
    <div class="page"> 
 
    page content 
 
    </div> 
 
</div>

fonte

2011-10-18 16:14:35

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

Il tuo problema è definire il tipo e gli standard di file. se aggiungi questo codice all'inizio del tuo file, funzionerà!

fonte

2012-10-14 13:55:04

E perché funzionerà? Suggerimento: "Quirks mode" – nalply

Ho aggiunto HTML 5 " ', ora IE si comporta come previsto. 10x –

provare a utilizzare quanto segue sull'elemento padre.

display: flex; 
align-items: center;

fonte

2015-11-24 14:08:14

Oppure display: flex sul genitore e autoallineato: centra sul bambino se si desidera che quell'elemento sia centrato verticalmente – RustyToms

provare ad aggiungere un record di meta a head:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

fonte

2016-12-19 14:31:19 tulsluper

Questo ha funzionato meglio di tutti gli altri metodi citati per ottenere la visualizzazione della mia pagina in IE11 nello stesso modo in cui lo fa in Chrome. – Rawrcasm

Margine: Auto non funziona in IE

risposta

Problemi correlati