Results 1 to 10 of 10
  1. #1
    Join Date
    Jan 2007
    Posts
    66
    Plugin Contributions
    0

    Default Firefox and Alignment Issues

    Hello,

    The issue that i am having is that the alignment of the site is pushing to the right in FireFox and not in IE.

    www.highend########################ry.com/shop

    I have looked in the stylesheet and can not figure out where to make these changes so that it will not display this way in FF.

    Here is the style sheet if it helps....

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #3B3B39;
    background-color: #FFFFFF;
    background-image: url(../images/body_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    }
    a img {border: none; }
    a:link, #navEZPagesTOC ul li a {
    color: #3B3B39;
    text-decoration: none;
    }

    a:visited {
    color: #3B3B39;
    text-decoration: none;
    }
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #666666;
    }
    a:active {
    color: #000000;
    }
    h1 {
    font-size: 1.5em;
    }
    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.3em 3px;
    }
    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }
    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }
    TEXTAREA {
    float: left;
    margin: auto;
    display: block;
    width: 95%;
    }
    input:focus, select:focus, textarea:focus {
    background: #F0F8FF;
    }
    FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #c84c7e;
    background-color: #f6e2ed
    }
    LEGEND {
    font-weight: bold;
    padding: 0.3em;
    background-color: #c84c7e;
    color: #FFFFFF;
    }
    LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }
    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }
    LABEL.inputLabel {
    width: 11em;
    float: left;
    }
    LABEL.inputLabelPayment {
    width: 15em;
    float: left;
    }
    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 12em;
    float: left;
    }
    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 #9A9C86;
    }
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #000000;
    }
    .messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }
    .messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }
    .messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }
    /*wrappers - page or section containers*/
    #mainWrapper {
    text-align: left;
    width: 842px;
    vertical-align: top;
    background-image: url(../images/mainwrapper_tile.jpg);
    background-repeat: repeat-y;
    background-position: center;
    }
    #logoWrapper {
    background-color: transparent;
    height:76px;
    }

    #headerWrapper {
    background-image: url(../images/header_bg.jpg);
    background-repeat: no-repeat;
    }
    #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
    margin: 0em;
    margin-top: 15px;
    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    }
    #tagline {
    display: none;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #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 {
    margin: 0em;
    margin-bottom: 0px;
    height: 30px;
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    padding: 0px;
    background-image: url(../images/nav_cat_bg.jpg);
    background-repeat: no-repeat;
    }

    #navSuppWrapper {
    margin: 0em;
    margin-bottom: 0px;
    height: 26px;
    background-color: #989da3;
    font-weight: bold;
    color: #ffffff;
    padding: 15px;
    background-image: url(../images/footer.jpg);
    background-repeat: repeat-y;
    }

    #navCatTabsWrapper {
    margin-left: 20px;
    margin-right: 20px;
    width: 802px;
    background-image: none;
    height: 20px;
    position: absolute;
    top: 12px;
    }
    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    white-space: nowrap;
    }
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #666666;
    }
    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #000000;
    }
    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }
    #navEZPagesTOC ul li {
    white-space: nowrap;
    }
    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }
    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin: 0.5em;
    }
    #navBreadCrumb {
    background-color: transparent;
    }
    #navEZPagesTop {
    background-color: #FFFFFF;
    }
    #navBreadCrumb, #navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em 0.5em 0.5em 1.5em;
    }
    #navColumnOne {
    background-color: transparent;
    }
    #navColumnTwo {
    background-color: transparent;
    }
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

    table {padding-left: 8px;
    padding-right: 8px;
    }
    /*.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: 20px;
    }
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }
    /*Shopping Cart Display*/
    #cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

    .tableHeading TH {
    border-bottom: 1px solid #cccccc;
    }
    .tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
    }
    #cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }
    .tableRow, .tableHeading, #cartSubTotal {
    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: #9f296a;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }
    .cartOldItem {
    color: #606000;
    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;
    }
    .normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #ff0000;
    }
    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }
    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }
    .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: 0em 0em;
    }
    /*sideboxes*/
    .columnLeft {}
    h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    height: 22px;
    color: #ffffff;
    }
    .leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    background-color: transparent;
    padding: 0.5em 0.2em;
    }

    .leftBoxHeading {
    margin: 0em;
    background-color: transparent;
    padding: 5px 0px;
    background-image: url(../images/menu_bg.gif);
    background-repeat: no-repeat;
    }
    .leftBoxContainer {
    border: none;
    }
    .sideBoxContent {
    background-color: transparent;
    padding: 0.4em;
    }
    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1em;
    height: 22px;
    color: #ffffff;
    }
    .rightBoxHeading {
    margin: 0em;
    background-color: transparent;
    padding: 5px 0px;
    background-image: url(../images/menu_right_bg.gif);
    background-repeat: no-repeat;
    }

    .rightBoxContainer {
    border: none;
    }

    h3.leftBoxHeading a:hover {
    color: #FFFF33;
    text-decoration: none;
    }
    h3.rightBoxHeading a:hover {
    color: #606000;
    text-decoration: none;
    }
    .rightBoxContent {
    background-color: #000000;
    margin-bottom: 1em;
    }
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }
    #siteinfoIP, #siteinfoLegal {
    background-color: #FFFFFF;
    }
    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }
    #bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }
    #bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }
    #bannerboxHeading {
    background-color: transparent;
    }
    #upProductsHeading {
    text-align: left;
    }
    #upDateHeading {
    text-align: right;
    }
    /*misc*/
    .back {
    float: left;
    }
    .forward {
    float: right;
    }

    .hiddenField {
    display: none;
    }
    .visibleField {
    display: inline;
    }
    .bold {
    font-weight: bold;
    }
    .rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }
    .rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

    .productListing-odd {background-color: #FFFFFF;
    }

    .productListing-even {background-color: #e5e5e5;
    }

    .listingProductImage {padding: 4px;}
    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: #cacaca;
    height: 2em;
    }
    #siteMapList {
    width: 90%;
    float: right;
    }
    .ratingRow {
    margin: 1em 0em 1.5em 0em;
    }
    LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }
    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
    background-color: #ffffff;

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Firefox and Alignment Issues

    Your logo image is 300X282 px and not just your logo
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jan 2007
    Posts
    66
    Plugin Contributions
    0

    Default Re: Firefox and Alignment Issues

    Thank you very much! That was it!~

  4. #4
    Join Date
    May 2008
    Location
    Amarillo, TX
    Posts
    40
    Plugin Contributions
    0

    Default Re: Firefox and Alignment Issues

    My site pushes to the right as well and I am assuming that is why the border disappears in Firefox, but not IE.

    My site is here: http://giftscollectiblesmore.com.

    What I would really like to do but am having a lot of trouble with, is to place individual borders around certain sections of my site. For example I would like to place a border around the top nav, my logo and the nav cat tabs section.

    I would also like to place a border around the side boxes, which I tried already and that works well. ( I turned this off due to placing a border around the whole site), which I really would like to remove and allow the sideboxes to have there own borders.

    I would also like to place a border around the middle products, featured products and so on section of the site and the footer as well.

    Can someone please help? Thanks.

  5. #5
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Firefox and Alignment Issues

    Did not take the time to sift through your css BUT...

    Using FireFox and the interactive tools I did apply a stock "classic" stylesheet and the issue on the right is corrected - So this is where you have something amiss
    Zen-Venom Get Bitten

  6. #6
    Join Date
    May 2008
    Location
    Amarillo, TX
    Posts
    40
    Plugin Contributions
    0

    Default Re: Firefox and Alignment Issues

    What interactive tools are you using in Firefox?

    I am using something called Firebug, but I don't have any documentation on how to use it, so I am just experimenting with it.

    Can you be a little more specific on how to fix my allignment issue please?

    http://www.giftscollectiblesmore.com

    Eddie

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Firefox and Alignment Issues

    The web developers extention
    https://addons.mozilla.org/en-US/firefox/addon/60?id=60

    I would start with a stock "classic" stylesheet and make your changes one at a time viewing each to see which one is causing your issue
    Zen-Venom Get Bitten

  8. #8

    Default Re: Firefox and Alignment Issues

    I'm having the same issue in Firefox and safari. the store is pushed to the far left, It is centered in IE and I'd like it to be the same in the others.

    I've attached my style.css

    I'd appreciate any help thanks.

    Code:
    /**
     * Main CSS Stylesheet
     *
     * @package templateSystem
     * @copyright Copyright 2003-2007 Zen Cart Development Team
     * @copyright Portions Copyright 2003 osCommerce
     * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
     * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
     */
    
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #000000;
    	}
    
    a img {border: none; }
    
    a:link, #navEZPagesTOC ul li a {
    	color: #000000;
    	text-decoration: none;
    	}
    
    a:visited {
    	color: #000000;
    	text-decoration: none;
    	}
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    	color: #ffd800;
    	}
    
    a:active {
    	color: #ffd800;
    	}
    
    h1 {
    	font-size: 1.5em;
    	color: #9a9a9a;
    	}
    
    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.3em 0;
    	}
    
    /*  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: #E4FEF5;
    	}
    
    FIELDSET {
    	padding: 0.5em;
    	margin: 0.5em 0em;
    	border: 1px solid #cccccc;
    	}
    
    LEGEND {
    	font-weight: bold;
    	padding: 0.3em;
    	color: black;
    	}
    
    LABEL, h4.optionName {
    	line-height: 1.5em;
    	padding: 0.2em;
    	}
    
    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    	margin: 0.5em 0.3em;
    	}
    
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
    
    #logo {text-align: center;}
    
    LABEL.inputLabel {
    	width: 9em;
    	float: left;
    	}
    
    LABEL.inputLabelPayment {
    	width: 14em;
    	float: left;
    	padding-left: 2.5em;
    	}
    
    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    	width: 11em;
    	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 #9a9a9a;
    	}
    
    .messageStackWarning, .messageStackError {
    	background-color: #ff0000;
    	color: #ffffff;
    	}
    
    .messageStackSuccess {
    	background-color: #99FF99;
    	color: #000000;
    	}
    
    .messageStackCaution {
    	background-color: #FFFF66;
    	color: #000000;
    	}
    
    /*wrappers - page or section containers*/
    #mainWrapper {
    	background-color: #ffffff;
    	text-align: left;
    	width: 1024px;
    	vertical-align: top;
    	border: 0px solid #9a9a9a;
    	}
    
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    
    #logoWrapper{
            width:1024px;
            height:130px;
            background-image:url(../images/);
            background-repeat:no-repeat;
    	background-color: #000000;
    	}	}
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	} 
    #navColumnOneWrapper, #navColumnTwoWrapper {
    	margin-left: 0.5em;
    	margin-right: 0.5em;
    	}
    	
    #tagline {
    	color:#000000;
    	font-size: 2em;
    	text-align : center;
    	vertical-align: middle;
    	}
    
    #sendSpendWrapper {
    	border: 1px solid #cacaca;
    	float: right;
    	margin: 0em 0em 1em 1em;
    	}
    
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #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, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #abbbd3;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	}
    
    #navCatTabsWrapper {
    	background-color: #ffffff;
    	color: #9a9a9a;
    	background-image:none;
    }
    
    #navMain ul, #navSupp ul, #navCatTabs ul {
    	margin: 0;
    	padding: 0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	line-height: 1.5em;
    	}
    
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	}
    
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0em 0.5em;
    	margin: 0;
    	color: #ffffff;
    	white-space: nowrap;
    	}
    
    #navCatTabs ul li a {
    	color: #9a9a9a;
    	}
    
    #navEZPagesTOCWrapper {
    	font-weight: bold;
    	float: right;
    	height: 1%;
    	border: 1px solid #9a9a9a;
    	}
    
    #navEZPagesTOC ul {
    	margin: 0;
    	padding: 0.5em 0em;
    	list-style-type: none;
    	line-height: 1.5em;
    	}
    
    #navEZPagesTOC ul li {
    	white-space: nowrap;
    	}
    
    #navEZPagesTOC 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: #ffffff;
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0em;
    	}
    
    #navEZPagesTop {
    	background-color: #B10000;
    	background-image: url(../images/tile_back.gif);
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0em;
    	padding: 0.5em;
    	}
    
    #navColumnOne, #navColumnTwo {
    	background-color: transparent;
    	}
    
    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    	vertical-align: top;
    	}
    
    /*.content,*/ .shippingEstimatorWrapper {
    	/*font-size: 1.2em;*/
    	padding: 0.5em;
    	}
    
    #productDescription {
    	padding: 0.5em;
            float: right;
            width: 66%;
    	}
    
    .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.8em;
    	}
    
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    	font-size: 0.9em;
    	}
    
    /*Shopping Cart Display*/
    #cartAdd {
    	float: right;
    	text-align: center;
    	margin: 1em;
    	border: 1px solid #000000;
    	padding: 1em;
    	}
    
    .tableHeading TH {
    	border-bottom: 1px solid #9a9a9a;
    	}
    
    .tableHeading, #cartSubTotal {
    	background-color: #e9e9e9;
    	 }
    
    #cartSubTotal {
    	border-top: 1px solid #cccccc;
    	font-weight: bold;
    	text-align: right;
    	line-height: 2.2em;
    	padding-right: 2.5em;
    	}
    
    .tableRow, .tableHeading, #cartSubTotal {
    	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: #ffd9d9;
    	border: 1px solid #570000;
    	}
    .mediaTitle {
    	float: left;
    	}
    .mediaTypeLink {
    	float: right;
    	}
    
    .normalprice, .productSpecialPriceSale {
    	text-decoration: line-through;
    	}
    
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    	color: #ff0000;
    	}
    
    .orderHistList {
    	margin: 1em;
    	padding: 0.2em 0em;
    	list-style-type: none;
    	} 
    
    #cartBoxListWrapper ul, #ezPageBoxList ul {
    	list-style-type: none;
    	}
    
    #cartBoxListWrapper li, #ezPageBoxList 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: 1px solid #9a9a9a;
    	height: 1%;
    	margin: 1.1em 0;
    	}
    
    h2.centerBoxHeading {
    	font-size: 1.3em;
    	color: #ffffff;
    	}
    
    /*sideboxes*/
    .columnLeft {}
    
    h3.leftBoxHeading, h3.leftBoxHeading a,
    h3.rightBoxHeading, h3.rightBoxHeading a {
    	font-size: 1em;
    	color: #ffffff;
    	}
    #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
    	font-size: 0.9em;
    	color: #ffffff;
    }
    
    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    	margin: 0em;
    	background-color: #abbbd3;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	}
    
    .leftBoxContainer, .rightBoxContainer {
    	margin: 0em;
    	border: 1px solid #9a9a9a;
    	border-bottom: 5px solid #570000;
    	margin-top: 1.5em;
    	}
    
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0.4em;
    	}
    
    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    	color: #FFFF33;
    	text-decoration: none;
    	} 
    
    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    	color: #FFFFFF;
    	}
    
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    	text-align: center;
    	}
    
    #bestsellers .wrapper {
    	margin: 0em 0em 0em 1.5em;
    	}
    
    #bestsellers ol {
    	padding: 0;
    	margin-left: 1.1em;
    	}
    
    #bestsellers li {
    	padding: 0;
    	margin: 0.3em 0em 0.3em 0em;
    	}
    
    #bannerboxHeading {
    	background-color: #0000CC;
    }
    
    #upProductsHeading {
    	text-align: left;
    	}
    
    #upDateHeading {
    	text-align: right;
    	}
    
    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {
    	color: #570000;
    	text-decoration: none;
    	}
    A.category-links, A.category-links:visited {
    	color: #000000;
    	text-decoration: none;
    	}
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    	color: #b10000;
    	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: #cacaca;
    	height: 2em;
    	}
    
    .productListing-rowheading {
    	background-color: #abbbd3;
    	background-image: url(../images/tile_back.gif);
    	height: 2em;
    	color: #FFFFFF;
    	}
    
    #siteMapList {
    	width: 90%;
    	float: right;
    	}
    
    .ratingRow {
    	margin: 1em 0em 1.5em 0em;
    	}
    
    LABEL#textAreaReviews {
    	font-weight: normal;
    	margin: 1em 0em;
    	}
    
    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    	background-color: #ffffff;
    	}
    .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;
    	}
    #navMain {
            float: left;
            }
    .productListing-data  {
             color: #415b85;
             padding: 0.8em;
             padding-bottom: 1.0em;
             border-bottom: 1px solid #9a9a9a;
            }

  9. #9
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Firefox and Alignment Issues

    you've got an error in your stylesheet.

    find :
    #logoWrapper{
    width:1024px;
    height:130px;
    background-image:url(../images/);
    background-repeat:no-repeat;
    background-color: #000000;
    } }
    and delete the extra '}' . That'll fix your problem.

  10. #10

    Default Re: Firefox and Alignment Issues

    thanks for your help, that fixed it.

 

 

Similar Threads

  1. Content Alignment issues in Firefox
    By charagg in forum Templates, Stylesheets, Page Layout
    Replies: 19
    Last Post: 28 Jan 2010, 10:14 PM
  2. Some alignment and margin issues
    By zingslings in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 18 Sep 2009, 07:42 AM
  3. Alignment Issues in Firefox
    By terpsnation in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 28 Aug 2008, 06:15 AM
  4. SSL and product images alignment in Firefox
    By Paul27 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 31 Jul 2008, 10:05 PM
  5. Please help: IE and Firefox alignment problems
    By james739 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 13 Oct 2007, 08:11 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg