Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [CSS] problema con il float

    ciao ho un problema con il float.

    praticamente sto cercando di allineare orizzontalmente dei div box a gruppi di tre.
    L'allineamento funziona, solo che con FF il blocco dei div mi esce dal contenitore div#content...con IE invece funziona.
    ho notato che dipende dal float:left... :master:
    se lo tolgo mi entra nel contenitore, ma ovviamente sballa l'allineamento dei div...
    boh...

    qui c'è la pagina di esempio
    è tutto in linea

    obrigado!

  2. #2
    Prova ad aggiungere clear: both al div che sta sopra ai div a cui hai assegnato il float.

    Ciao

  3. #3
    se intendi questo:

    div#news{width: 580px;margin: 0 auto;clear:both}

    non funziona, già provato...

  4. #4
    Prova a metterlo nel content. Se puoi eventualmente allega un'immagine di come vorresti che fosse.
    Ciao

  5. #5
    macchè ... peggio che peggio..

    se vedi la pagina di esempio, il div content è di colore grigio. la sequenza dei div dovrebbe stare dentro invece è fuori da #content, con IE si vede "correttamente"...

  6. #6
    alla fine ho risolto così:

    div#news{width: 580px;margin-top:10px ;border: 1px solid #000;text-align:left;display:table }

    non avevo mai usato display:table...
    :master:
    boh, funzia...

  7. #7
    Originariamente inviato da blur
    alla fine ho risolto così:

    div#news{width: 580px;margin-top:10px ;border: 1px solid #000;text-align:left;display:table }

    non avevo mai usato display:table...
    :master:
    boh, funzia...
    cos'è, CSS 2.1?
    è compatibile con tutti i browser?
    sono le tables che rientrano dalla finestra?

  8. #8
    display:table

    "The element will be displayed as a block table (like <table>), with a line break before and after the table"

    http://www.w3schools.com/css/pr_class_display.asp

    è crossbrowser.
    è l'unico modo che ho trovato per risolvere il mio problema

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.