Come centrare un DIV in IE7

March 6

Come centrare un DIV in IE7


Per centrare un blocco DIV preesistente usando i CSS in Internet Explorer 7, gli utenti hanno bisogno di aggiungere un comando stile sotto il tag head HTML. Questo costringe il blocco DIV per allineare nel centro del documento HTML. Vi è anche un modo alternativo per allineare blocchi DIV in Internet Explorer 7, utilizzando i codici di stile DIV.

istruzione

utilizzando i CSS

1 Aprire il file HTML con un editor di testo. Sotto il tag head, ha colpito il tasto "Enter" e il tipo <style>.

2 Colpite ancora una volta il tasto "Invio". Evidenziare il codice CSS nella seconda casella in SiteCrafting.com.

3 Fare clic destro sul CSS evidenziato e selezionare "Copia". Per copiare il contenuto con un Mac, evidenziare il contenuto, e premere il tasto "Comando" e "C" contemporaneamente.

4 Aprire nuovamente il file HTML. In <style>, fare clic destro e selezionare "Incolla". Per incollare con un Mac, premi "Comando" e "V" contemporaneamente.

5 Digitare l'altezza desiderata sotto #wrapper, accanto a "altezza :." Sotto di essa, digitare la larghezza desiderata del blocco DIV in pixel, accanto a ":. larghezza"

6 Premere la barra spaziatrice al termine della "}", che si trova sotto "top: 50% ;." Tipo </ style>.

Utilizzando Style DIV

7 Individuare il tag <div>. Accanto ad essa, digitare "div style =" text-align :. centro "Tipo"; ". Accanto ad essa, come mostrato Dorward.me.uk chiudere il comando con"> ".

8 Premere il tasto Invio. Digita il codice di text-align stile DIV di nuovo, ma digitare "sinistra" come il suo allineamento. Digitare ";" dopo ciò.

9 Tipo "margin: 1em auto" e "width: 50%." Mettere un punto e virgola tra ogni comando. Chiudere il comando con ">".