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

    [CSS] pareggiatura con clear

    salve a tutti, non riesco a capire perchè non va questo listato:

    • body{
      margin: 0px auto;
      text-align: center;
      }

      .container{
      width: 80%;
      }

      .left{
      background: Aqua;
      width: 200px;
      float: left;
      }
      .right{
      background-color: Blue;
      }
      .clear{
      clear: left;
      }


    allegato a questa pagina

    • <HTML>
      <HEAD>
      <TITLE>New Document</TITLE>
      <link href="rrr.css" rel="stylesheet" type="text/css">
      </HEAD>
      <BODY>

      <div class="container">

      <div class="left">qui metto il testo del primo div qui metto il testo del primo div qui metto il testo del primo div qui metto il testo del primo div qui metto il testo del primo div </div>
      <div class="right">contenuto secondo div </div>
      <div class="clear">a</div>


      </div>


      </BODY>
      </HTML>


    perchè il div a destra non si prolunga fino ad allinearsi con quello a sinistra più lungo???
    Griggio Claudio

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Forse hai le idee un po' confuse ...

    Il clear non "pareggia" le vari ecolonne, ma "chiude" il contenitore attorno ai float (altrimenti i float restano flottanti, quindi svincolati dal contenitore).
    Per fare in modo di avere colonne che "sembrano" uguali, si usa iltrucco delle false colonne (con una ricerca nel forum trovi vari interventi al proposito).

    E poi attenzione che quel codice forse funziona in IE (quirks mode), ma non va bene nei browser standard: mancano una serie di attributi, tipo i margini per centrare, la larghezza del body, i nomi dei colori, ...
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.