Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Problema di layout

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    31

    Problema di layout

    <!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="http://www.inknoise.com/experimental/layoutomatic.php" /> <style type="text/css">
    #container {
    width: 760px;
    border: 1px solid gray;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    }

    #banner {
    padding: 5px;
    margin-bottom: 5px;
    background-color: rgb(213, 219, 225);
    }

    #content {
    padding: 5px;
    margin-left: 215px;
    background-color: gray;
    }

    #sidebar-a {
    float: left;
    width: 200px;
    margin: 0;
    margin-right: 5px;
    padding: 5px;
    background-color: rgb(235, 235, 235);
    }

    #footer {
    clear: both;
    padding: 5px;
    margin-top: 5px;

    background-color: rgb(213, 219, 225);
    }
    </style>
    </head>
    <body>
    <div id="container">
    <div id="banner"></div>

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

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

    <div id="footer"></div>
    </div>
    </body>
    </html>


    ***********************************
    In questa pagina se si scrivono più contenuti a destra, la colonna di sinistra non arriva in fondo come sarebbe nel layout a colonne. Come fare a risolvere il problema? Grazie

  2. #2
    Utente di HTML.it L'avatar di JHammer
    Registrato dal
    Sep 2004
    Messaggi
    754
    Il problema è: la colonna di sx non segue la lunghezza dei contenuti fino al footer...giusto?
    Puoi risolvere il problema con un background di sfondo d applicare al body o al container.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    31
    Mittticoooo!!! Grazie per la soluzione (semplice) del problema, certe volte vado a pensare robe ultracomplicate per niente!

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.