• User

    Compatibilità con i browser

    Ciao a tutti.
    Ho sviluppato un sito grazie ad un cms,_ma ho dei problemi di visualizzazione; in internet explorer è tutto ok mentre in firefox no!!.
    In pratica in firefox c'è uno spazio bianco in alto che mi abbassa l'header del sito e le due icone si sovrappongono all'immagine.
    Provate a darci un'occhiata,il sito è ..... e vedete la differenza che c'è con internet explorer(che tra l'altro non da problemi).


  • User Attivo

    Non ho visto il tuo sito, ma ti dò un consiglio per eventuali futuri siti web che dovrai sviluppare.
    Se usi FF installa l'addons "FireBug" che ti permette di modificare in tempo reale la struttura di un sito web senza editare realmente le modifiche....in pratica simula in tempo reale le modifiche che andrai ad apportare.
    Ti dico questo perchè in tal modo risolverai non solo questo problema, ma anche altri futuri.


  • User Attivo

    Anche con Chrome si presenta lo spazio bianco in alto stesso problema.


  • User

    Sto ancora cercando una soluzione,ma niente da fare!!!:?
    Aiutatemi


  • User Attivo

    Anche con Chrome si inserisce lo spazio bianco in alto. Ricordo di avere avuto un problema del genere anch'io. Prova a postare il css che comanda i div della pagina, forse si può intervenire lì. Credo però che si possa uniformare solo estendendo la visualizzazione di ff a tutti i browser, non il contrario. In tal caso quindi dovresti comunque modificare la grafica in modo che la striscia non compaia oppure sia più piccola e non disturbi.


  • User

    [..]
    Di seguito ti posto il css:

    html  {
    margin : 0;
    padding : 0;
    } 
    body {    margin: 0;    font-family: verdana, arial, helvetica, sans-serif;
        font-size: 62.5%;    color: #000000;    }
    
    a img {border: none; }
    a:link, #navEZPagesTOC ul li a {    color: #0000cc;    text-decoration: none;    } 
    a:visited {    color:;    text-decoration: none;    }
    a:hover, ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {    color: #ff1212;    }
    a:active {    color:;    }
    
    h1 {    font-size: 1.5em;    color: #bb0000;    }
    h2 {    font-size: 1.4em;    }
    h3 {    font-size: 1.3em;    }
    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{    font-size: 1.1em;    }
    .biggerText {    font-size: 1.2em;    }
    h1, h2, h3, h4, h5, h6 {    margin: 0.2em 0 0 0;    }
    
    #indexDefaultHeading { text-align: center; background-color: #ffffff; } /* per scritta Zen Cart, E-commerce su misura */
    .greeting{    text-align : center; font-size: 1.1em;    margin: 1.2em 0 1.2em 0;} /* per scritta Benvenuto e buona navigazione */
    
    /*  Might uncomment either or both of these if having problems with IE peekaboo bug:
    h1, h2, h3, h4, h5, h6, p {     position: relative;    }
    *html .centerColumn {    height: 1%;    }
    */
    
    CODE {    font-family: arial, verdana, helvetica, sans-serif;    font-size: 1em;    }
    FORM, SELECT, INPUT {    display: inline;    font-size: 1em;    margin: 0.1em;    }
    TEXTAREA {margin: auto;    display: block;    width: 95%;    }
    
    input:focus, select:focus, textarea:focus {    background: #FFFFCC;    }
    FIELDSET {    padding: 0.5em;    margin: 0.5em 0em;    border: 1px solid #cccccc;    }
    LEGEND {    font-weight: bold;    padding: 0.3em;    }
    LABEL, h4.optionName {    line-height: 1.5em;    padding: 0.2em;    }
    LABEL.checkboxLabel, LABEL.radioButtonLabel {    margin: 0.5em 0.3em;    }
    LABEL.inputLabel {    width: 10em;    float: left;    }
    LABEL.inputLabelPayment {    width: 14em;    float: left;    padding-left: 2.5em;    }
    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {    width: 11em;    float: left;    }
    
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, 
    .centerBoxContentsAlsoPurch, .attribImg {    float: left;    }
    
    #checkoutPayment LABEL.radioButtonLabel {    font-weight: bold;    }
    
    P, ADDRESS {    padding: 0.5em;    }
    ADDRESS {    font-style: normal;    }
    .clearBoth {    clear: both;    }
    
    HR {    height: 1px;    margin-top: 0.5em;    border: none;    border-bottom: 1px solid #9a9a9a;    }
    
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution 
    {    line-height: 1.8em;    padding: 0.2em;    border: 1px solid;    }
    .messageStackWarning, .messageStackError {    background-color: #ff0000;    color:;    }
    .messageStackSuccess {    background-color: #99FF99;    color:;    }
    .messageStackCaution {    background-color: #FFFF66;    color:;    }
    
    /*wrappers - page or section containers - controllo dimensione dello schermo */
    #mainWrapper {    background-color:;    text-align: left;    width: 100%;    vertical-align: top;    /*border: 1px solid #aeaeae;    */}
    
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, ul,  ul,, #popupAdditionalImage, #popupImage {    margin: 0em;    padding: 0em;    }
    
    /*#logoWrapper{    background-image: url(../images/header_bg.jpg);    background-repeat: no-repeat;    background-color:;    height:64px;  background-position : right;     }*/
    #navColumnOneWrapper, #navColumnTwoWrapper, {    margin: auto;    } , {    margin-left: 0.4em;    margin-right: 0.4em;    }
        
    #tagline {    color:#000000;    font-size: 1.5em;    text-align : center;    vertical-align: middle;  padding-top : 26px;      }
    
    #sendSpendWrapper {    /*border: 1px solid #cacaca;*/    float: right;    margin: 0em 0em 1em 1em;  background-color : #ffffcc;     }
    
    .floatingBox, #accountLinksWrapper,, #checkoutShipto, #checkoutBillto, 
    #navEZPagesTOCWrapper {    margin: 0;    width: 47%;    }
    .wrapperAttribsOptions {    margin: 0.3em 0em;    }
    
    /*navigation*/
    .navSplitPagesResult {}
    .navSplitPagesLinks {}
    .navNextPrevCounter {    margin: 0em;    font-size: 0.9em;    }
    .navNextPrevList {    display: inline;    white-space: nowrap;    margin: 0;    padding: 0.5em 0em;    list-style-type: none;    }
    #navMainWrapper { background-image: url(../images/navbar.gif); background-repeat: no-repeat; background-position: center; height: 200px;} 
    #navSuppWrapper, #navCatTabsWrapper {
        margin: 0em;    background-color:;    background-image: url(../images/tile_back1.gif);
        padding: 0.5em 0.2em;     font-weight: bold;     color:;     height: 1%;    } {    background-color:;    color: #666666;    background-image:none;}
    #navMain { margin-left:25%; margin-top: 140px;} ul, ul, ul {    margin: 0;    padding: 0em 0em 0em 0em;    list-style-type: none;
        text-align: center;    line-height: 1.5em;    } ul li, ul li, ul li {    display: inline;    } ul li a, ul li a, ul li a {    text-decoration: none;    padding: 0em 0.5em;
        margin: 0;    color:;    white-space: nowrap;    }
     ul li a {    color:;    } {    font-weight: bold;    float: right;    height: 1%;    border: 1px solid;    } ul {    margin: 0;    padding: 0.5em 0em;    list-style-type: none;    line-height: 1.5em;    } ul li {    white-space: nowrap;    } ul li a {    padding: 0em 0.5em;    margin: 0;    }
    #navCategoryIcon, .buttonRow, #indexProductListCatDescription {    margin: 0.5em;    }
    #navMainSearch {    float: right; }
    #navBreadCrumb {    padding: 0.5em 0.5em;    background-color:;    font-size: 0.95em;    font-weight: bold;    margin: 0em;    }
    #navEZPagesTop {    background-color: #fcd804;     font-size: 1.0em;    font-weight: bold;    margin: 0em;    padding: 0.5em;     }
    #navColumnOne, #navColumnTwo {    background-color: transparent;    }
    
    /*The main content classes*/
    #contentColumnMain,,, .centerBoxContents, .specialsListBoxContents, 
    .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, 
    .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {    vertical-align: top;    }
    
    /*.content,*/ 
    #productDescription, .shippingEstimatorWrapper {     /*font-size: 1.2em;*/     padding: 0.5em;    }
    .alert {    color: #FF0000;    margin-left: 0.5em;    }
    .advisory {}
    .important {    font-weight: bold;    }
    .notice {}
    .rating{}
    .gvBal {    float: right;    }
    .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {    padding: 0.5em;    }
    
    .smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {    font-size: 0.9em;    }
    #siteinfoLegal { color:; background-color:; height: 50px;}
    
    /*Shopping Cart Display*/
    #cartAdd {    float: right;    text-align: center;    margin: 1em;    border: 1px solid;    padding: 1em;    }
    
    .tableHeading TH {    border-bottom: 1px solid;    }
    .tableHeading, #cartSubTotal {    background-color: #e9e9e9;     }
     {    border-top: 1px solid;    font-weight: bold;    text-align: right;    line-height: 2.2em;    padding-right: 2.5em;    }
    
    .tableRow, .tableHeading, {    height: 2.2em;    }
    
    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, 
    .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {    padding: 0.5em 0em;    }
    .cartUnitDisplay, .cartTotalDisplay {    text-align: right;    padding-right: 0.2em;    }
    #scUpdateQuantity {    width: 2em;    }
    .cartQuantity {    width: 4.7em;    }
    
    .cartNewItem {    color: #33CC33;    position: relative;  /*do not remove-fixes stupid IEbug*/    }
    .cartOldItem {    color: #660099;    position: relative;  /*do not remove-fixes stupid IEbug*/    }
    .cartBoxTotal {    text-align: right;    font-weight: bold;    }
    .cartRemoveItemDisplay {    width: 3.5em;    }
    .cartAttribsList {    margin-left: 1em;    }
    
    #mediaManager {    width: 50%;     margin: 0.2em;    padding: 0.5em;    background-color: #f5f5f5;    border: 1px solid #cc0000;    }
    .mediaTitle {     float: left;    } /* vs 138 */
    .mediaTypeLink {    float: right;    } /* vs 138 */
    
    
    .normalprice, .productSpecialPriceSale {    text-decoration: line-through;    }
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {    color:;    }
    
    .orderHistList {    margin: 1em;    padding: 0.2em 0em;    list-style-type: none;    } 
     ul, ul {    list-style-type: none;    } li, li, .cartBoxTotal {    margin: 0;    padding: 0.2em 0em;    } 
    #cartBoxEmpty, #cartBoxVoucherBalance {    font-weight: bold;    }
    .totalBox {    width: 5.5em;    text-align: right;    padding: 0.2em;    }
    .lineTitle, .amount {    text-align: right;    padding: 0.2em;    }
    .amount {    width: 5.5em;    }
    
    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, 
    #reviewWriteMainImage {    margin: 0em 1em 1em 0em ;    }
    
    .categoryIcon {}
    #cartImage {    margin: 0.5em 1em;    }
    
    /*Attributes*/
    .attribImg {    width: 20%;    margin: 0.3em 0em;}
    .attributesComments {}
    
    /*list box contents*/
    .centerBoxContents,.specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, 
    .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {    margin: 1em 0em;    }
    .centerBoxWrapper {    border: 2px dotted;    height: 1%;    margin: 1.1em 0; background-color:;    }
    
    h2.centerBoxHeading {    font-size: 1.1em;    color:;    }
    
    /*sideboxes*/
    .columnLeft {}
    .bookmark_sidebox { text-align: center; background: url(../images/Bookmark.gif) no-repeat 8px 18px; height: 140px; }
    
    h3.leftBoxHeading, h3.leftBoxHeading a,
    h3.rightBoxHeading, h3.rightBoxHeading a {    font-size: 1em;    color:;    }
    #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, 
    #searchHeading, #search-headerHeading {    font-size: 0.9em;    color:;}
    
    .leftBoxHeading, .rightBoxHeading {    margin: 0em;    /*background-color: #cc6600;*/
        /*background-image: url(../images/tile_back.gif);*/    padding: 0;    }
         .centerBoxHeading {    margin: 0em;    background-image: url(../images/tile_back3.gif);    padding: 0.4em 0.2em 0.4em 0.2em;    }
    
    .leftBoxContainer {  margin-top: 10px; border-bottom: 1px solid;}
    .rightBoxContainer {    margin-top: 10px; border-bottom: 1px solid;    }
    
    .sideBoxContent {    background-color:;    padding: 0.4em;    }
    
    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover, ul li a:hover {    color:;    text-decoration: none;    } 
    
    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited, a.productListing-heading  {    color: #FFFFFF;    }
    
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton,,, , #navEZPageNextPrev,,,,, ,,,,,, .center, 
    .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, 
    .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, 
    .ratingRow, LABEL#textAreaReviews,,, ,, .centerBoxContents, 
    .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, 
    .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {    text-align: center;    }
    
    #bestsellers .wrapper {    margin: 0em 0em 0em 1.4em;    } ol {    padding: 0;    margin-left: 1.1em;    } li {    padding: 0;    margin: 0.3em 0em 0.3em 0em;    }
    #bannerboxContent {    /*background-color: #ffff99;*/} /*  prova a decommentare e guarda */
    
    #upProductsHeading {    text-align: left;    }
    #upDateHeading {    text-align: right;    }
    
    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {    color: #006600;    text-decoration: none;    }
    A.category-links, A.category-links:visited {    color:;    text-decoration: none;    }
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {    color:;    text-decoration: none;    }
    SPAN.category-subs-parent {    font-weight: bold;    }
    SPAN.category-subs-selected {    font-weight: bold;    }
    /* end categories box links */
    
    /*misc*/
    .back {    float: left;    }
    .forward, #shoppingCartDefault #PPECbutton {    float: right;    }
    .bold {    font-weight: bold;    }
    
    .rowOdd {    background-color: #E8E8E8;    height: 1.5em;    vertical-align: top;    }
    .rowEven {    background-color: #F0F0F0;    height: 1.5em;    vertical-align: top;    }
    
    .hiddenField {    display: none;}
    .visibleField {    display: inline;}
    
    CAPTION {    /*display: none;*/     }
    
    #myAccountGen li, #myAccountNotify li {    margin: 0;    } 
    .accountTotalDisplay, .accountTaxDisplay {    width: 20%;    text-align: right;    /*vertical-align: top*/     }
    .accountQuantityDisplay {    width: 10%;    vertical-align: top    }
    TR.tableHeading {    background-color:;    height: 2em;    color: #FFFFFF;}
    
    .productListing-rowheading {    background-color:;    background-image: url(../images/tile_back.gif);    height: 2em;    color: #FFFFFF;    }
    
    .productListing-odd, .productListing-even, .listingProductImage  {    padding: 2px 0px 2px 0px;    } 
    
    #siteMapList {    width: 90%;    float: right;    }
    .ratingRow {    margin: 1em 0em 1.5em 0em;    }
    LABEL#textAreaReviews {    font-weight: normal;    margin: 1em 0em;    }
    
    #popupShippingEstimator, #popupSearchHelp,,, #popupCVVHelp, 
    #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {    background-color:;    }
    
    /*#siteinfoLegal {    margin: 1em 0em 1.4em 0em;    }*/
        
    .information {padding: 10px 3px; line-height: 150%;}
    
    #shoppingcartBody #shippingEstimatorContent {
        clear: both;
        }
    
    .seDisplayedAddressLabel {
        background-color:#85C285;
        text-align: center;
        }
    .seDisplayedAddressInfo {
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        }
    #seShipTo {
        padding: 0.2em;
        }