Visualizzazione dei risultati da 1 a 8 su 8

Discussione: Spazi indesiderati

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    518

    Spazi indesiderati

    Buongiorno a tutti, ho un problema con un layout realizzazto con i css.
    Il layout e' molto semplice:
    due colonne laterali con larghezza fissa e una centrale con larghezza variabile

    Codice :

    <style type="text/css">
    <!--
    body {
    margin:0;padding:0

    }


    #testa { width:90%; margin:auto;}
    #corpo { width:90%; margin:auto;}

    /* corpo */
    #corpo {
    position:relative;
    height: 600px;
    }
    #corpo-colonna1 {
    position:absolute; top:0; left:0;
    width:160px;

    }
    #corpo-colonna2 {
    margin:0 160px 0 160px;

    }
    #corpo-colonna3 {
    position:absolute; top:0; right:0;
    width:160px;

    }


    -->
    </style>

    All'interno del body includo 3 file :

    colonna_1.php per la colonna di sx
    colonna_2.php per la colonna centrale
    colonna_3.php per la colonna di dx

    codice:

    <div id="corpo" >
    <div id="corpo-colonna1">
    <? include("colonna_1.php"); ?>
    </div>

    Ho un problema, se visualizzo la pagina con una risoluzione 800*600 e 1024*768 funziona correttamente, se invece utilizzo una risoluzione 1152*864, la colonna di dx mi viene spostata di 1px verso sinistra.
    Come posso risolvere il problema?

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    518
    Non riesco a risolvere.

  3. #3
    dovresti postare la pagina...

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    518
    Ho provato a fare tutto con i css, ma il risultato non caambia.
    Vi posto il codice :


    <!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" lang="it"><head><title>Tre colonne: Liquido con colonne a larghezza fissa</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    font:80% verdana,helvetica,sans-serif;
    margin:0; padding:0
    }
    code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
    hr { display:none }

    /* centrare la pagina web a larghezza fissa */
    body { text-align:center }
    #testa { width:90%; margin:auto; text-align:left }
    #corpo { width:90%; margin:auto; text-align:left }
    #piedipagina { width:90%; margin:auto; text-align:left }

    /* testa */
    #testa {
    background:#ffffff;
    padding:0px;
    }

    /* corpo */
    #corpo {
    position:relative;
    }
    #corpo-colonna1 {
    position:absolute; top:0; left:0;
    width:160px;
    padding:0px;
    }
    #corpo-colonna2 {
    margin:0 160px 0 160px;
    background:#fff;
    padding:0px;
    }
    #corpo-colonna3 {
    position:absolute; top:0; right:0;
    width:160px;
    padding:0px;
    }

    /*pie' di pagina */
    #piedipagina {
    background:#ffffff;
    padding:auto;
    }

    .bianco {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 6px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ffffff;
    height: 6px;
    }

    .homepage {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: #cfd8e3;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #BDCAD9;
    height: 16px;
    }

    .testata {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: #e3eaf1;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #BDCAD9;
    height: 16px;
    }
    -->
    </style></head>

    <body>

    <div id="testa">
    <div class="bianco"></div>
    <div class="testata">Prova</div>
    <div class="testata">Prova</div>
    </div>


    <div id="corpo">
    <div id="corpo-colonna1">
    <div class="homepage">Prova</div>
    </div>
    <div id="corpo-colonna2">
    <div id="corpo-colonna3">
    <div class="homepage">Prova</div>
    </div>
    </div>

    </body></html>

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    518
    up

  6. #6
    testarlo senza contenuti è difficile.. non è pubblicato da qualche parte?


    manca un </div> alla fine...

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    518
    No non e' online, prova ad inserirlo in una pagina .htm e testalo con una risoluzione 1152*864, e fammi sapere.
    Grazie.

  8. #8
    non noto differenze... ma così è praticamente impossibile vedo solo dei rettangoli colorati....

    perché non vai avanti lo metti su e poi vediamo

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.