Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di soncio
    Registrato dal
    Feb 2006
    Messaggi
    32

    problemi con il tag float

    Definendo il css che segue, riesco ad avere il risultato desiderato (indice su 2 colonne)su I.E. ed Opera, ma non su Mozzilla. Qualcuno individua un errore?
    Grazie in anticipo.

    div#menusx {
    width: 295px;
    padding: 0px;
    float:left;
    margin: 0 0 0 0px;
    }

    div#menudx {
    margin: 0 0 0 300px;
    width:295px;
    padding: 0px;
    }

  2. #2
    <div id="menusx">bla bla</div>
    <div id="menudv">bla bla</div>

    Mettin nel markup prima il div che non ha margine destro o sinistro, in questo caso menusx.

  3. #3
    Utente di HTML.it L'avatar di soncio
    Registrato dal
    Feb 2006
    Messaggi
    32

    ...se non ho interpretato male, non funziona...

    Ho fatto proprio come dici (credo), ma non funziona comunque.
    In ogni caso grazie, e se hai altre idee...sono ben accette!

  4. #4
    ke versione di ie?

  5. #5
    Guarda, io l'ho provato in Firefox 1.5 e funziona... Tu su che versione l'hai provato?
    Comunque se inverto l'ordine dei div, non ho l'affiancamento che vorrei... Mi sembra l'unica soluzione...

    Comunque, puoi fare altre prove, combinando opportunamente un particolare ordine dei div, al CSS modificato... nel senso, prova a cambiare i margini e i float dei due div e vedi un pò che succede...

  6. #6
    E' consigliabile mettere un display:inline; nelle due classi
    Per alinearli alla altezza ^^

  7. #7
    Utente di HTML.it L'avatar di soncio
    Registrato dal
    Feb 2006
    Messaggi
    32

    ce l'ho fatta!

    Grazie a tutti per la preziosa collaborazione, sono riuscito a farlo funzionare.


  8. #8
    Come?
    Mettendo inline o in che altro modo?

    Fa sempre comodo saperlo

  9. #9
    Utente di HTML.it L'avatar di soncio
    Registrato dal
    Feb 2006
    Messaggi
    32

    lasciandolo così....

    Avevo definito la classe iniziando con un numero, cosa che trascrivendo il codice sul forum avevo omesso. Eliminando semplicemente il numero davanti funziona.
    Non sapevo, nè avevo mai letto, che non andasse fatto.

    div#1menusx {
    width: 295px;
    padding: 0px;
    float:left;
    margin: 0 0 0 0px;
    }

    div#1menudx {
    margin: 0 0 0 300px;
    width:295px;
    padding: 0px;
    }

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.