Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303

    nuovo layout senza tabelle

    ciao ragazzi,
    siccome devo aggiornare un sito che al momento ha i frame, mi stavo già mettendo al lavoro con le tabelle, quando sono casualmente capitato sul post della panna e trichechi , quindi mi stavo chiedendo come poter operare.

    L'idea è questa:

    header
    3 colonne sotto: la sinistra col menu, la centrale col contenuto e la destra con le news
    footer

    logicamente l'idea era quella di creare un include sopra, inserire la parte da visualizzare, che può comprendere anche tabelle, e l'include sotto...

    cosa ne dite? Cosa potrei utilizzare? Se avete qualche esempio vi sarei molto grato...

    ciao e grazie


  2. #2
    è un layout molto diffuso e di esempi ce ne sono un infinità (guarda tra i link utili e su pro.html.it e cerca con Google)
    ricordati che le tabelle vanno usate soo per dati tabellari (correlati riga/colonna)
    per il codice che si ripete tra pagine diverse usa dove conviene le inclusioni lato server

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    Ciao Andrea e grazie per il tuo interessamento, mi sono fatto una cultura sui css, nella sezione di questo sito e sul forum.

    L'aggiornamento è stato abbastanza facile, ho dovuto solo editare i files delle inclusioni sotto e sopra... perché le pagine con tabelle sono già in racchiuse tra <table> e </table> mentre le altre sono già a posto.

    tralasciando il superfluo, l'include sopra è così:

    codice:
    <body>
    <div id="container">
        <div id="header">TITOLO</div>
        <div id="navigation">MENU</div>
       <div id="extra">
        <div class="newsbox">QUI CI METTO LE NEWS</div>
       </div>
    </div>
        <div id="content">
    qui va il contenuto della pagina

    e l'include sotto è così:

    codice:
        </div>
        <div id="footer">FOOTER</div>
    </div>
    </body>
    </html>
    l'unico problema che mi dava era nelle tabelle, quando era specificato width="100%", così mi sballava tutto, ma togliendo width funziona tutto perfettamente...

    secondo te com'è?

    sto testando con explorer 6 ed è tutto a posto, con firefox e opera (ultime versioni), non riesco a capire come mai mi appare a fondo pagina la barra di scorrimento orizzontale...

    grazie e ciao

  4. #4
    sviluppa per firefox (che è quello + vicino agli standard) e poi aggiusti con hack e trucchetti vari per gli altri browser...
    il codice postato è davvero poco per dire qualcosa metti la pagina online e ti saprò dire qualcosa di +

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    ciao,
    più che altro mi interessava che fosse compatibile con i browser un po' vecchiotti... secondo te quella struttura lì lo è?

    Poi volevo impostare le colonne laterali in modo che vadano fino in fondo alla pagina, solo che non ci riesco, che parametri devo usare?

    ciao e grazie

  6. #6
    la retrocompatibilità coi CSS è un casino detto sinceramente... se usi @import per inserire un CSS esterno ti risolvi molti problemi... comunque non rimane che testare sui browser che ti interessa e risolvere i problemi (quando possibile) mano a mano che si presentano...

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    si si, ho usato @import... ma indicativamente fino a che versioni di browser ci possiamo spingere indietro come compatibilità?

    x far finire le colonne del menu e delle news fino in fondo come posso risolverla?

    ciao e grazie ancora

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2000
    Messaggi
    303
    ciao, sto scaricando i vari explorer vecchi per testare, con la versione 5 funziona bene...

    secondo te come potrei fare arrivare in fondo le 2 colonne laterali anche quando quella centrale le supera?

    ciao e grazie ancora

  9. #9
    non mi sono mai posto questo problema ma se non ricordo male Faux Columns

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 © 2026 vBulletin Solutions, Inc. All rights reserved.