Visualizzazione dei risultati da 1 a 2 su 2

Discussione: lunghezza div

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    11

    lunghezza div

    Ciao a tutti allora ho in pratica un div main che prende tutte la pagina all'interno del quale ci sono il div left, center, right e footer. metot il codice di center:
    @charset "UTF-8";
    /* CSS per la colonna centrale */

    #center {
    float: left;
    height: 100%;
    width: 603px;
    }
    #center-top {
    background-image:url(../immagini/comproqui/main/pages/head/center_top.jpg);
    width:603px;
    height:31px;
    float: left;
    overflow: hidden;
    }
    #center-body {
    width:603px;
    float: left;
    background-image: url(../immagini/comproqui/main/pages/head/center-body.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    min-height: 1550px;
    height: auto !important;
    height: 1550px;
    }
    center body va dentro center sotto center top


    e per il div right:
    @charset "UTF-8";
    /* CSS per la colonna di destra */


    #right {
    float: left;
    height: 100%;
    width: 199px;
    }
    #r1 {
    float: left;
    height: 29px;
    width: 199px;
    overflow: hidden;
    }
    #right-spacer {
    float: left;
    height: 100%;
    width: 10px;
    overflow: hidden;
    }
    #right-body {
    float: left;
    height: 100%;
    width: 179px;
    overflow: hidden;
    }
    qui r1 va dentro right, e sotto ci sono right spacer e poi right body.


    Il mio problema è che le colonne center e right sono caricate dinamicamente. inizialmente credevo che la center sarebbe stata semrpe la più lunga infatti avevo provveduto con questo e il trick per ie:
    #center-body {
    width:603px;
    float: left;
    background-image: url(../immagini/comproqui/main/pages/head/center-body.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    min-height: 1550px;
    height: auto !important;
    height: 1550px;
    }
    tuttavia ho constato che in alcuni casi la colonna right-body è più lunga di center-body. Come potete vedere in center-body c'è un'immagine che deve andare a toccare il footer (altro div ch va a finire sotot tutto in pratica). quindi in caso il right sia più lungo di 1550px rimane uno spazio bianco tra il center e il footer...la mai domanda è quindi come faccio a fare in modo che l'immagine nel center sia ripetuta semrpe, sia nel caso un cui center sia più lungo di right o viceversa, fino al footer.

    grazie a tutti quelli che mi risponderanno

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono due grossi problemi con la domanda:
    1. non hai usato correttamente i tag VB. Il codice va scritto all'interno dei tag [ code ] che puoi inserire usando il bottone # che trovi sopra l'area di inserimento. E il codice va formattato indentato, altrimenti viene il mal di testa
    2. non hai postato il codice HTML, per cui il CSS non ha riscontro

    Poi ci sono altre domande cui non hai risposto, ma necessarie per poterti aiutare:
    3. quale e` il DOCTYPE
    4. se il problema lo hai solo con IE (e quali versioni) o anche con altri browser (quali hai testato?)
    5. se il layout completo sta dentro una schermata, o se e` normale avere lo scroll verticale

    E hai gia` provato a vedere i layout pronti? Alcuni riferimenti ci sono anche tra i "link utili".
    Di solito i problemi di layout sono gia` stati affrontati e risolti dai "guru" del layout e sono pubblicati in rete.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.