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

    Allineamento diverso IE vs Firefox

    Ciao a tutti,
    ho un problema con un layout a due colonne (una grande ed una colonna a destra), il problema è che lo sfondo è di 764px e comprende anche l'ombra laterale l'ho impostato nel div CONTAINER:

    codice:
    div#container{
    width: 764px;
    margin: 0 auto;
    text-align: left;
    background-image: url(images/sfondo.jpg);
    background-repeat: repeat-y;
    }
    Quindi a ho posizionato i div TESTATA, NAVBAR e fin qui tutto ok poi ho creato il div CONTENT_SX

    codice:
    #content_sx {
    margin-left: 27px;
    width: 485px; 
    padding-left: 3px;
    padding-right: 3px;
    background: #F8F7EF;
    border: 1px dashed #B2B2B2;
    border-width: 1px 1px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    ...e il div NAVIGATION (la colonna di destra)

    codice:
    div#navigation {
    float:right; 
    width: 201px; 
    margin-right: 10px; 
    padding: 0px; 
    text-align: left;  
    background-image: url(images/sfondo_dx.jpg);
    }
    Ora il problema è che la colonna di destra con IE è perfettamente allineata mentre in Firefox è tutta a destra e quindi non coincide, ho provato a cambiare qualcosa ma ho comunque notato che anche se imposto il margin-right per IE è ok AL 10px mentre per Firefox lo devo portare a 18px, ovvio che se lo cambio poi non va più bene per IE come posso risolvere? :master:

  2. #2
    Inserisco un'immagine per rendere più chiaro il problema
    Immagini allegate Immagini allegate

  3. #3
    stiamo realizzando più o meno lo stesso layout..io ho problemi con l'allineamento del footer..prova a vedere se il buon Gianluca Troiani può aiutarti..intanto a te andrebbe di postare il css per realizzare una pagina come la tua..voglio studiarlo, non rubartelo :-)

  4. #4
    Perchè Gianluca (constile.org) è qui in questo forum?!? :master:
    Cavolo... se si ho comprato ieri il suo libro CSS GUIDA COMPLETA bellissimo!!!!!
    Beh almeno la pagina dove risolvere sto problema....

    Io comunque ho risolto così:
    gaurda qui

    ossia diffrenziando i margini in modo diverso per IE e FIREFOX aggiungendo !important

    es.
    [CODE]
    margin-right:20px !important;
    margin-right: 10px;
    CODE]

    vorrei una vostra opinione se questa procedura è corretta oppure è solo una scorciatoia

  5. #5
    non é qui si questo forum..
    Ho anche io il libro e speravo di darti una mano, ma vista la mia poca esperienza..

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.