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

    Problema allineamento elementi

    Salve a tutti.

    Ho un problema di visualizzazione degli elementi di input (nel mio caso ASP, ma ho testato anche con un input HTML ed ho lo stesso problema) con IE6/7.

    Vi mostro uno screeshot.
    Con IE:

    Con Firefox:

    Come potete vedere, gli elementi finiscono allineati a destra. Se al posto dei box di testo inserisco del testo normale la visualizzazione è corretta.

    Codice CSS:
    codice:
    .functionalLine
    {
        text-align: left;
        font-weight: bold;
        margin-bottom: 5px;
        line-height: 1.3;
    }
    .functionalColLEFT
    {
        width: 50%;
        float: left;
    }
    .functionalColRIGHT
    {
        margin-left: 50%;
    }
    Codice ASP.Net
    codice:
    <div class="functionalLine">
    <div class="functionalColLEFT">
    Nome
    
    <asp:TextBox ID="txtNome" runat="server"></asp:TextBox>
    </div>
    <div class="functionalColRIGHT">
    Cognome
    
    <asp:TextBox ID="txtCognome" runat="server"></asp:TextBox>
    </div>
    </div>
    Qualcuno sa darmi qualche dritta?
    Grazie.

  2. #2
    Mi rispondo da solo...
    I due blocchi in questione si trovavano all'interno di un blocco a sua volta flottante, e questo mi faceva incappare nel bug qui descritto http://forum.html.it/forum/showthread.php?s=&threadid=1215190.

    E' bastato usufruire della proprietà display: inline per risolvere le cose.

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.