Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Problema float

  1. #1

    Problema float

    Salve amici,

    ho un sito con un layout css a due colonne fisse.
    Nella colonna dei contenuti è presente un div in cui vengono mostrate delle foto con un ciclo di DIV ovviamente con proprietà

    float: left

    per l'affiancamento.
    Al termine del ciclo per permettere l'allungamento del div inserisco

    <br clear="left" />

    Tutto bene, fatta eccezione per Firefox (anche l'ultima versione) che mi fa partire i contenuti successivi alle immagini al di sotto rispetto all'ultimo elemento della colonna di sinistra! Come mai?
    Cosa dovrei correggere?
    Per vedere l'esempio:
    www.mimanchitu.it ... la home!
    Digital XP - The new expression of digital art! - http://www.mimanchitu.it

  2. #2
    Temo tu stia commettendo un errore di sintassi. Il codice
    codice:
    <br clear="left" />
    non impone alcuna regola scritto così
    codice:
    <br style="clear:left;"/>
    è la sintassi corretta, ti consiglierei però di non usare br per questo scopo piuttosto un div vuoto che non ha conseguenze sulla visualizzazione.

    Credo che per il problema che esponi firefox abbia un comportamento corretto e colloca br tra i due float mandando a capo i contenuti successivi ma non ripristinado il flusso alterato da float left. Se devi gestire degli elementi flottanti potresti utilizzare clear o overflow, ti suggerisco due articoli che ho scritto recentemente sulla gestione del float nelle pagine html.

    http://www.howtoweb.it/tutorial/gest...on-clear-left/
    http://www.howtoweb.it/tutorial/gest...yout-css-html/

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.