Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    144

    Problema colonne Layout a 3

    Ho impostato questa pagina in questo modo:
    Codice PHP:
    [SIZE=1]
    <!
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta name="generator" content="Pix" />    
    <
    style type="text/css">

            
    html,body{margin0;padding:0}
            
    body{font-familyarial,sans-serif;
            
    font-size76%;
            
    text-align:center
            
    }
            
            
    #container {
                
    width926px;
                \
    width946px;
                
    w\idth926px;
                
    border1px solid gray;
                
    margin0px;
                
    margin-leftauto;
                
    margin-rightauto;
                
    padding0px;
            }

            
    #banner {
                
    padding0px;
                
    margin-bottom: ;
                
    background-colorrgb(213219225);
            }

            
    #content {
                
    floatleft;
                
    width396px;
                
    height:auto;
                
    padding0px;
                
    margin-left: ;
                
    margin-right: ;
                
    background-colorgray;
            }

            
    #sidebar-a {
                
    floatleft;
                
    width230px;
                
    height:auto;
                
    margin0;
                
    margin-right: ;
                
    padding0px;
                
    background-colorrgb(235235235);
            }

            
    #sidebar-b {
                
    floatright;
                
    width300px;
                
    height:auto;
                
    margin0;
                
    margin-left: ;
                
    padding0px;
                
    background-colorrgb(235235235);
            }

            
    #footer {
                
    clearboth;
                
    padding0px;
                
    margin-top: ;
                
    background-colorrgb(213219225);
    }
    </
    style>
    </
    head>
    <
    body>
        <
    div id="container">
            <
    div id="banner"></div>

            <
    div id="sidebar-a"></div>

            <
    div id="sidebar-b"></div>

            <
    div id="content"></div>

            <
    div id="footer"></div>
        </
    div>
    </
    body>
    </
    html>
    [/
    SIZE
    Tutto semplice, ma c'è una cosa che non riesco a fare. Se il contenuto del CONTENT e maggiore, i Div SIDEBAR A & B non lo seguono in lunghezza. Siccome devo inserire uno sfondo, come posso fare in modo che le due SIDEBAR seguano in lunghezza il CONTENT???
    Forse ho sbagliato formattazione, e dovevo creare un solo DIV e all'interno dividerlo in Tabelle??? :master:
    vìvepix

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2002
    Messaggi
    144
    Nessuno sa darmi un consiglio?
    vìvepix

  3. #3
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    Questa è una questione vecchia come il forum.

    L'errore sta nel ragionare con i DIV come si faceva con le tabelle.

    Due DIV "fratelli" non possono in alcun caso comportarsi come due celle di tabella che si auto-adattano a seconda del contenuto di ciascuna di esse.

    Il trucco per simulare una grafica a doppia-colonna alllungabile sta nel mettere un'immagine di sfondo ripetuta verticalmente nel DIV che contiene sia il content sia la sidebar.

    Ciao.

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2000
    Messaggi
    508
    scusate l'intromissione io ho un problema diverso
    ho il div di sinistra che contiene un swf lungo 400 e capita che il menu esca dalla grafica
    dovrei quindi garantire al CONTENT almeno 400px. si può fare?

    per vedere qui
    http://www.centroastoria.it/index.ph...code=&sesjaID=

    grazie anticipatamente
    Raul

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.