Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [css] tabella centrata rispetto al monitor

    ho una pagina vuota adesso dovrei mettere una tabella 700x400 al centro del monitor come faccio? devo usare il div?
    aiuto

  2. #2
    sai usare i css?

    hai fatto una ricerca nel forum?


    devi dare al body un text-align:center e alla tabella un margin:auto

    servono due comandi per centrarla con tutti i browser


    css

    body {text-align:center}

    table {width:700px;
    height:400px;
    margin:auto}
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  3. #3
    ok però l'allineamento centrale è solo quello orizzontale cosi
    mi servirebbe metterla centrata anche verticalmente

  4. #4
    non avevi parlato di verticale, anche se lo sospettavo

    <html>
    <head>
    <title>tabella centrata</title>
    <style type="text/css">
    body {margin:0;
    text-align:center;
    background:silver;
    height:100%;
    }

    table {width:700px;
    border:0;
    height:400px;
    margin:auto;
    position:relative;
    top:50%;
    margin-top:-200px;
    }
    td {background:gray;
    }
    </style>
    </head>
    <body>
    <table>
    <tr>
    <td> </td>
    </tr>
    </table>
    </body>
    </html>

    oppure al infili dentro una altra tabella cui dai altezza e larghezza al 100%

    <html>
    <head>
    <title>tabella centrata</title>
    <style type="text/css">
    * {margin:0;padding:0}
    html, body {height:100%}

    .interna {width:700px;
    height:400px;
    margin:auto
    }
    .interna td {background:gray;
    }
    .esterna {height:100%;
    width:100%;
    text-align:center;
    background:silver
    }
    </style>
    </head>
    <body>

    <table class="esterna">
    <tr>
    <td>
    <table class="interna">
    <tr>
    <td> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  5. #5
    funziona,
    ok grazie,
    io utilizzavo una tabella con altezza 100% e poi quella dentro con l'altezza che mi serviva ma mi sono accorto che quando dreamweaver ti mette questo:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    non funziona +

  6. #6
    http://www.w3schools.com/css/default.asp
    potrebbe esserti di aiuto!
    Flickr .:. Work In Progress

    Non lasciare la mia mano, ovunque sarai, con chiunque ti accompagnerai. Non dimenticarti di me, ne morirei.

  7. #7
    Originariamente inviato da nicaragua90
    funziona,
    ok grazie,
    io utilizzavo una tabella con altezza 100% e poi quella dentro con l'altezza che mi serviva ma mi sono accorto che quando dreamweaver ti mette questo:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    non funziona +
    con quel doctype ie funziona in standard mode e al tuo codice devi aggiungere

    html, body {height:100%}

    altrimenti la tabella cui dai height:100% non ha riferimenti su cui calcolare il 100%

    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  8. #8
    grazie

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.