Visualizzazione dei risultati da 1 a 7 su 7

Discussione: CSS e div debordanti

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    98

    CSS e div debordanti

    scusate il problema è banale, ma forse è venerdi e non ci arrivo...
    ho questo layout:

    <div id="container">
    <div id="colonna_sinistra"></div>
    <div id="centro">
    <div id="banner"></div>
    <div id="testo">testo testo</div>
    </div>
    <div id="colonna_destra></div>
    </div>

    con CSS:

    #container{min-height:100%; width:100%}
    html* container{height:100%}
    #colonna_sinistra{float:left; width:20%}
    #colonna_destra{float:right; width:20%}
    #centro{float:left; width:40%}
    #banner{height:40px}
    #testo{float:left; width:100%; height:100%}

    in ogni caso, anche applicando a testo il clear il div testo mi sborda dal suo contenitore.
    dove dammit sbaglio?
    grazzi
    k
    °°°°°°°°°°°°°°°°°°°°°°°°°°
    klingsoror@gmail.com

  2. #2
    forse questo potrà esserti utile.


    guarda.

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    98
    grazie, conosco l'esempio, ma il mio layout #centro sborda in altezza verso il basso, lasciando le due colonne laterali un tot più alte.
    insomma un casino
    °°°°°°°°°°°°°°°°°°°°°°°°°°
    klingsoror@gmail.com

  4. #4
    provato con overflow?

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2002
    Messaggi
    98
    certo, ma vorrei evitarlo, ormai è una questione di principio tra me ed i CSS
    °°°°°°°°°°°°°°°°°°°°°°°°°°
    klingsoror@gmail.com

  6. #6
    per contenere il testo potresti rendere banner float o inserire un clear:left prima della chiusura di banner, in modo da forzarlo a contenere il float.

    ti consiglio di dare un'occhiata a questo articolo:
    containing floats
    oppure
    clear floats

  7. #7
    Utente di HTML.it L'avatar di Cerebro
    Registrato dal
    Jan 2005
    Messaggi
    193
    Leggi cosa ho risposto in un altro thread riguardo un problema simile:

    http://forum.html.it/forum/showthrea...71#post8921771

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.