Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2010
    Messaggi
    13

    div per clear crea spazio inutile!

    Ciao a tutti,
    per impaginare il classico articolo con foto accanto, uso il float e metto, come letto in varie guide, un <div class="clearer"> dopo foto e articolo per "contenere" il float. Il problema è che mi lascia, dopo la fine del testo, uno spazio vuoto (come se avessi impostato un padding-bottom di una ventina di pixel) che penso sia dovuta al div fittizio per usare il clear. Ora... come si fa a eliminarlo?

  2. #2
    Penso che il problema sia il fatto che il div che inserisci non sia vuoto (magari ci hai messo uno spazio dentro o altro)...

    se anche cosi non funziona prova:

    .clearer{clear:both;height:0px;line-height:0px;}

    il line-height serve per browser più datati, che impediscono di creare div di altezza inferiore al contenuto.

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Credo che sia giunta l'ora di non vedere più da nessuna parte elementi vuoti usati solo per fare clearing dei float... cerca easyclearing (forum/google)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.