Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    2,043

    margin: 0px auto; su explorer non funziona

    per centrare un box nella pagina ho usato questo tag:

    margin: 0px auto;

    con firefox funziona ma con explorer no, c'è un tag che va bene per entrambi?

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    2,043
    questo è il codice:

    <style type="text/css">
    body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-color: #666666;
    }


    #nonna {
    background-color : Aqua;
    width : 1000px;
    height : 100px;
    margin: 0px auto;
    overflow: visible;
    float:center;
    }

    #madre1 {
    background-color: green;
    width : 120px;
    height : 20px;
    margin-top : 30px;
    position: absolute;

    }

    #madre2 {
    background-color: green;
    width : 120px;
    height : 20px;
    margin-top : 30px;
    margin-left : 130px;
    position: absolute;
    }

    #madre3 {
    background-color: green;
    width : 120px;
    height : 20px;
    margin-top : 30px;
    margin-left : 260px;
    position: absolute;
    }

    #figlia1 {
    background-color: red;
    width : 120px;
    height : 80px;
    margin-top : 10px;
    }

    #figlia2 {
    background-color: red;
    width : 120px;
    height : 80px;
    margin-top : 10px;
    }

    #figlia3 {
    background-color: red;
    width : 120px;
    height : 80px;
    margin-top : 10px;
    }
    </style>



    <div id="nonna">

    <div id="madre1">
    MADRE 1
    <div id="figlia1">FIGLIA 1</div>
    </div>
    <div id="madre2">
    MADRE 2
    <div id="figlia2">FIGLIA 2</div>
    </div>
    <div id="madre3">
    MADRE 3
    <div id="figlia3">FIGLIA 3</div>
    </div>

    </div>

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    2,043
    HO RISOLTO cambiando il div nonna in questo modo:

    #nonna {
    background-color : Aqua;
    width : 1000px;
    height : 100px;
    overflow: visible;
    position: absolute;
    margin-left: 50%;
    left: -500px;
    }

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,886
    Basta mettere text-align: center al div che contiene quello da centrare (per IE ovviamente)
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.