Mostra notizie nelle discussioni
  • Avatar
    Scritto da
    Non Autenticato
    il 2010-04-25 23:03:00.0 alle 2010-04-25 23:03:00.0
    Grattacapi CSS per un sito DIV-based
    Nel mio costruendo sito (spero che le imprecazioni non si siano sentite fin lì da voi) ho un FORM che contiene vari elementi, con i rispettivi float e clear per incolonnarsi in modo opportuno.

    Però, gli elementi posizionati con float escono visualmente dall'elemento FORM in cui dovrebbero essere contenuti.
    In altre parole, se dò un colore di fondo a FORM esso non si vede perché ha altezza nulla. Se specifico padding: 5px viene visualizzato un rettangolo del colore di fondo specificato alto 10px, come se fosse un FORM vuoto.

    La conseguenza è che ciò che segue il FORM sta attaccato agli elementi che da esso fuoriescono, come se non avesse un margine.

    Come si fa a farli stare dentro?

    Immagine postata dall'utente
    • Avatar
      ☺
      Scritto da
      il 2010-04-25 23:06:00.0 alle 2010-04-25 23:06:00.0
      Trollate totali: 2013
      Re: Grattacapi CSS per un sito DIV-based
      - Scritto da:
      > Nel mio costruendo sito (spero che le
      > imprecazioni non si siano sentite fin lì da voi)
      > ho un FORM che contiene vari elementi, con i
      > rispettivi float e clear per incolonnarsi in modo
      > opportuno.
      >
      > Però, gli elementi posizionati con float escono
      > visualmente dall'elemento FORM in cui dovrebbero
      > essere
      > contenuti.
      > In altre parole, se dò un colore di fondo a FORM
      > esso non si vede perché ha altezza nulla. Se
      > specifico padding: 5px viene visualizzato un
      > rettangolo del colore di fondo specificato alto
      > 10px, come se fosse un FORM
      > vuoto.
      >
      > La conseguenza è che ciò che segue il FORM sta
      > attaccato agli elementi che da esso fuoriescono,
      > come se non avesse un
      > margine.
      >
      > Come si fa a farli stare dentro?
      >
      > Immagine postata dall'utente

      aggiungi prima del </div> finale un <div style="clear:both;"></div> e poi vieni in chat.
<softv>

Pagina generata in 28 millisecondi

Utenti attivi: 12 nell'ultimo minuto, 29 negli ultimi cinque minuti, 61 negli ultimi 15 minuti