• A
    User •

    DIV vs TABLE per contenere una pagina web

    Ciao, ho un problema che non riesco a risolvere.

    Posto che sto realizzando un sito cercando di raggiungere la massima larghezza fissa sui monitor con definizione 1024x768, senza che compaia la barra di scorrimento orizzontale, dopo alcune prove su vari browser ho deciso di progettare a larghezza 1000 pixel.
    Infatti da prove fatte con una immagine con larghezza di 1000 pixel, inserita in una tabella con larghezza 1000 px e bordi, padding e margini pari a 0px, dopo aver settato come impostazioni di pagina 0px come bordo superiore, destro e sinistro, è risultato che l'esempio veniva visualizzato perfettamente su IE, FF e Opera, senza che venissero mostrate le barre di scorimento orizzontale.

    PROBLEMA
    Ovviamente ho tentato di ricreare la stessa situazione usando un DIV come contenitore e non una tabella.
    Con il DIV le barre orizzontali di scorrimento appaiono in tutti i browser.

    DOMANDA
    Che impostazioni devo utilizzare affinchè anche il DIV sia largo 1000 pixel e si posizioni correttamente a centro pagina senza che compaiano le barre di scorrimento orizzontale nei browser?

    Grazie in anticipo.

    0
  • M
    User Attivo •

    Ciao aranciagood,
    prova con questa classe:
    [PHP]
    .prova{
    width: 1000px;
    overflow: hidden;
    margin: auto;
    }
    [/PHP]

    Dovrebbe funzionare.

    Ciao

    0
  • A
    User •

    Non funzia.

    Questo è il codice della pagina:

    <style type="text/css">
    <!--
    body {
    background-color: #BCBCDD;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    .prova{
    width: 1000px;
    overflow: hidden;
    margin: auto;
    }
    -->
    </style>
    </head>
    <body>
    <center>
    <div class="prova"><img src="demopagina.jpg" /></div>
    </center>
    </body>

    0
  • M
    User Attivo •

    Ciao,
    scusa ma cosa non ti va?

    Mi sa che non ho capito il tuo post.

    PS: i commenti <!-- --> si usavano con il tag script per compatibilità con vecchi browser, si usa ancora per style? Se li togli il risultato non cambia?

    Ciao

    0
  • A
    User •

    @mirkoagrati said:

    Ciao,
    scusa ma cosa non ti va?

    Mi sa che non ho capito il tuo post.

    Alla risoluzione 1024*768 un layout largo 1000 pixel dentro una tabella non fa apparire la barra di navigazione ORIZZONTALE nei browser.

    Se il layout di 1000 pixel di larghezza è dentro un DIV, compaiono le barre orizzontali, come se i 1000 pixel non stanno tutti dentro all'area dello schermo (e non è così, come dimostrato quando uso una tabella).

    0
  • M
    User Attivo •

    Ciao,
    forse ora ho capito.

    Bhè prova ad allargare un po' il DIV che deve contenere il layuot e a quest'ultimo toglili i margini.

    Comunque ormai le tabelle non si usano più, se non per esporre dati in forma tabellare(probabilmente il vero scopo per cui sono state create).

    Solitamente la pagina la si divide in 3 macro-aree utilizzando i tag DIV: la parte in alto (header), quella centrale e quella inferiore(footer).

    Prova a inserire il tuo layout separandolo all'interno di queste aree.

    Ciao

    0
  • A
    User •

    Se allargo il DIV allora la barra di scorrimento orizzontale deve apparire per forza, perchè il layout va fuori schermo (come risulta anche con l'uso di una tabella).

    Per il resto hai detto cose scontate, nel senso che infatti sto cercando di usare i DIV al posto delle tabelle e questa è solo una prova.

    E' ovvio che dividerò il layout in sezioni...

    Fai finta che sto provando la sezione dell'header...

    0
  • M
    User Attivo •

    Bhè è difficile parlarne così:
    posta il codice html e css.

    0
Effettua l'accesso per rispondere