Page 1 of 2 12 LastLast
Results 1 to 10 of 20
  1. #1

    application error Content Alignment issues in Firefox

    Hi and Happy New Year to you all!

    I've search the forums and found several different threads with similar issues, but different solutions for each. I'm suspecting that my issue is a CSS issue. However, I've been unable to find the problem.

    My content seems to line up fine in IE, but not in Firefox. I know I should have been testing in Firefox first, but I new to CSS design and ZenCart. So, any help will be much appreciated.

    I've included my entire stylesheet code, although I suspect it has something to do with the contentMainWrapper. I tried adding a float: left; to the code and everything seemed to line up OK.

    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: 5px 0 20px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #333333;
    	background-color: #006699;
    /*	background-image: url(../images/tile_back.gif); */
    	}
    
    a img {border: none; }
    
    a:link, #navEZPagesTOC ul li a {
    	color: #006699;
    	text-decoration: none;
    	background-position: right;
    	font-weight: normal;
    	}
     
    a:visited {
    	color: #006699;
    	text-decoration: none;
    	}
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover {
    	color: #CC0000;
    	}
    
    a: {
    	color: #0000FF;
    	}
    
    h1 {
    	font-size: 20px;
    	color: #006699;
    	padding-top: 10px;
    	}
    
    h2 {
    	font-size: 16px;
    	color: #666666;
    	}
    
    h3 {
    	font-size: 20px;
    	color: #006699;
    	}
    
    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger {
    	font-size: 1.1em;
    	}
    
    .biggerText {
    	font-size: 12px;
    	}
    
    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 {
    	float: left;
    	padding-top: 10px;
    	}
    
    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: 750px;
    	vertical-align: top;
    	}
    
    #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    #loginWrapper {
    	margin: 0em;
    	padding: 10px 20px 0em 0em;
    	text-align: right;
    	display: block;
    	}
    
    #logoWrapper {
    	width:750px;
    	height:64px;
    }
    
    
    #headerWrapper {
    	width:750px;
    	height:95px;
    	background-image:url(../images/header_bg.jpg);
    	background-repeat:no-repeat;
    }
    
    
    #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 {
    	margin: 0em;
    	background-color: #666666;
    	padding: 2px;
    	font-weight: normal;
    	color: #FFFFFF;
    	}
    
    /* 
    #navCatTabsWrapper {
    	background-color: #666666;
    	color: #FFFFFF;
    	background-image:none;
    }
    */
    
    #navMain ul, #navSupp ul {
    	margin: 0;
    	list-style-type: none;
    	text-align: center;
    	height: 20px;
    	vertical-align: middle;
    	padding-right: 5px;
    	padding-left: 5px;
    	padding-top: 2px;
    	}
    	
    /*
    #navCatTabs ul {
    	margin: 0;
    	list-style-type: none;
    	text-align: center;
    	height: 20px;
    	vertical-align: middle;
    	padding-right: 5px;
    	padding-left: 5px;
    	padding-top: 2px;
    	}
    */
    
    #navMain ul li, #navSupp ul li {
    	display : inline;
    	list-style-type : none;
    	margin : 0;
    	padding : 0;
    }
    
    /*
    #navCatTabs ul li {
    	display : inline;
    	list-style-type : none;
    	margin : 0;
    	padding : 0;
    }
    */
    
    
    #navMain ul li a, #navSupp ul li a {
    	text-decoration: none;
    	padding: 0em 0.5em;
    	margin: 0;
    	color: #ffffff;
    	white-space: nowrap;
    	}
    	
    /*
    #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0em 0.5em;
    	margin: 0;
    	color: #ffffff;
    	white-space: nowrap;
    	}
    */
    
    /*
    #navCatTabs ul li a {
    	color: #FFFFFF;
    	}
    */
    	
    #navSupp ul li a:hover {
    	color: #FFFF00;
    	}
    /*
    #navCatTabs ul li a:hover {
    	color: #FFFF00;
    	}
    *.
    */
    
    #navEZPagesTOCWrapper {
    	float: left;
    	height: 1%;
    	border: 1px solid #9a9a9a;
    	text-align: left;
    	width: 47%;
    	padding: 5px;
    	margin-right: 5px;
    	margin-bottom: 5px;
    	margin-left: 5px;
    	}
    
    #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;
    	}
    
    #navEZPagesTop, #navEZPagesTop a {
    	font-size: 11px;
    	font-weight: normal;
    	margin-right: 2px;
    	padding-top: 6px;
    	text-align: right;
    	text-transform: capitalize;
    	color: #FFFFFF;
    	}
    
    #navEZPagesTop a:hover {
    	color: #CCCCFF;
    	}
    
    #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,*/ #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.8em;
    	}
    
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    	font-size: 0.9em;
    	}
    
    /*Shopping Cart Display*/
    #cartAdd {
    	float: right;
    	text-align: center;
    	margin: 0.5em;
    	}
    
    .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: #E4FEf5;
    	border: 1px solid #003D00;
    	}
    .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: #006699;
    	background-image: url(%22%22);
    	padding: 0.5em 0.2em;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: bold;
    	color: #FFFFFF;
    	}
    
    .leftBoxContainer, .rightBoxContainer {
    	margin: 0em;
    	border-bottom: 1px solid #006699;
    	margin-top: 1.5em;
    	border-top: 1px solid #006699;
    	border-right: 1px solid #006699;
    	border-left: 1px solid #006699;
    	}
    
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0em;
    	}
    .TOCsideBoxContent {
    	background-color: #ffffff;
    	padding: .25em;
    	}
    .blankSideBoxContent {
    	background-color: #ffffff;
    	padding: 0em;
    	height: 170px;
    	}
    
    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    	color: #FFFF33;
    	text-decoration: none;
    	} 
    
    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    	color: #FFFFFF;
    	}
    
    #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    	text-align: center;
    	padding: 2px;
    	}
    
    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navEZPageNextPrev, #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: left;
    	padding: 2px;
    	}
    
    #siteinfoLegal {
    	text-align: center;
    	padding: 10px;
    	background-image: url(../images/bg_footer.gif);
    	background-repeat: no-repeat;
    	background-position: bottom;
    	}	
    	
    /*
    #navCatTabsWrapper {
    	text-align: left;
    	padding: 2px;
    	}
    */
    
    #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: #006699;
    	text-decoration: none;
    	}
    A.category-links, A.category-links:visited {
    	color: #004080;
    	text-decoration: none;
    	}
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    	color: #FF0000;
    	text-decoration: none;
    	}
    SPAN.category-subs-parent {
    	font-weight: normal;
    	}
    /* SPAN.category-subs-selected {
    	font-weight: bold;
    	color: #006699;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-left-width: 1px;
    	border-left-style: solid;
    	border-top-color: #006699;
    	border-right-color: #006699;
    	border-left-color: #006699;
    	background-color: #FFFFFF;
    	background-repeat: no-repeat;
    	padding: 5px;
    	margin-top: 20px;
    	}
    */
    /* 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: #006699;
    	background-image: url(../images/tile_back.gif);
    	height: 2em;
    	color: #FFFFFF;
    	}
    	
    a.productListing-heading {
    	height: 2em;
    	color: #FFFFFF;
    	}
    a:hover.productListing-heading {
    	text-decoration: underline;
    	}
    
    #productListHeading {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	color: #006699;
    	padding-top: 20px;
    	}
    
    #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;
    	}
    .nav a,
    .nav a:link,
    .nav a:visited{
    	display: block;
    	background: #666666;
    	text-decoration: none;
    	color: #FFFFFF;
    	font: bold 10px Arial, Helvetica, sans-serif;
    	text-align: center;
    	vertical-align: middle;
    	height: 20px;
    	padding-top: 5px;
    }
    .nav a:active {
    	background: #FFFFFF;
    	color: #666666;
    }
    .nav a:hover {
    	background: #FFFFFF;
    	color: #666666;
    }
    /* bof sidebar graphics */
    #logosidebox, #logosidebox10reasons, #logosideboxoursystem, #logosideboxpostcard {
    	border:none;
    	margin-top: 0px;
    	margin-bottom: 0em;
    	margin-left: 0em;
    	padding-right: 0em;
    	padding-left: 0em;
    	}
    
    #logosideboxContent, #logosidebox10reasonsContent, #logosideboxoursystemContent, #logosideboxpostcardContent {
    text-align:left;
    	}
    
    #logosideboxHeading, #logosidebox10reasonsHeading, #logosideboxoursystemHeading, #logosideboxpostcardHeading {
    margin: 0;
    padding: 0;
    	}
    /* eof sidebar graphics */
    
    /* Rounded Cornes */
    #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
    #xsnazzy h1 {font-size:2.5em; color:#fff;}
    #xsnazzy h2 {font-size:2em;color:#06a; border:0;}
    #xsnazzy p {padding-bottom:0.5em;}
    #xsnazzy h2 {padding-top:0.5em;}
    #xsnazzy {background: transparent; margin:1em;}
    
    .xtop, .xbottom {display:block; background:transparent; font-size:1px;}
    .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
    .xb1, .xb2, .xb3 {height:1px;}
    .xb2, .xb3, .xb4 {background:#006699; border-left:1px solid #006699; border-right:1px solid #006699;}
    .xb1 {margin:0 5px; background:#006699;}
    .xb2 {margin:0 3px; border-width:0 2px;}
    .xb3 {margin:0 2px;}
    .xb4 {height:2px; margin:0 1px;}
    
    .xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}
    /* End of Rounded Corners */
    
    .xsnazzyCushion {
    	margin-top: 5px;
    	}
    Thanks!

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

    Default Re: Content Alignment issues in Firefox

    You will have to supply a link to the site for any type of constructive response as the css does not illustrate what the elements that are being styled might be
    Zen-Venom Get Bitten

  3. #3

    Default Re: Content Alignment issues in Firefox

    You are so correct... I got distracted by a phone call and forgot to post the link. Sorry.

    http://www.benchmarkdesign.net/index...id=5&chapter=1 and any other page other then the home page.

    Thanks.

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

    Default Re: Content Alignment issues in Firefox

    Not sure what else this might affect but in your css for the navcattabs try removing the highlighted entry:
    Code:
      #navCatTabs {
    	float:left;
    	width:100%;
    	font-size:93%;
    	line-height:normal;
    	background-color: #;
    	background-image: url(%22%22);
    	background-repeat: repeat-x;
    	border-bottom-width: 2px;
    	border-bottom-style: solid;
    	border-bottom-color: #CCCCCC;
    	background-position: bottom;
    	margin-bottom: 10px;
          }
    Zen-Venom Get Bitten

  5. #5

    Idea or Suggestion Re: Content Alignment issues in Firefox

    That did the trick - thanks!

    Just to clarify for others that read the post - this was a change to the '/includes/templates/yourtemplate/css/stylesheet.categorytabs.css' file that is part of the Category Tabs add-on and not the '/includes/templates/yourtemplate/css/stylesheet.css' file that is part of the core Zencart filesfiles.

    Thanks a bunch!

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

    Default Re: Content Alignment issues in Firefox

    If removing this has detriemental affects elsewhere you can look at the files that add the cat tabs and add a clear both to the end of display in the file that should do about the same
    Zen-Venom Get Bitten

  7. #7
    Join Date
    Mar 2007
    Posts
    30
    Plugin Contributions
    0

    Default Re: Content Alignment issues in Firefox

    I am having this issue too (zen cart off center in firefox) and I don't see that I have the file to alter that this person has to correct the problem. I have spent most of today trying to figure out how to fix this and if anyone can save me before I lose my sanity completely, it would be greatly appreciated. The URL for my site is:

    http://www.sparkleandshine.ca/catalog/index.php

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

    Default Re: Content Alignment issues in Firefox

    kathie.
    It look relatively fine in FF at 1024X768
    PurpleShades has narrower L&R columns than most and the banners are too wide and hanging out BUT other than that it looks OK

    What are you seeing?
    What resolution?
    Zen-Venom Get Bitten

  9. #9
    Join Date
    Mar 2007
    Posts
    30
    Plugin Contributions
    0

    Default Re: Content Alignment issues in Firefox

    grrrrrrr, i gave up and went with another template. what i was seeing was the logo at the top aligned correctly to the left and the rest of the page was waaaay over on the right and there was a big space on the left with nothing on it. i have my resolution set to the same as yours and i don't know what it was doing.

  10. #10
    Join Date
    Jan 2009
    Posts
    74
    Plugin Contributions
    0

    Default Re: Content Alignment issues in Firefox

    I know I should have been using firefox and now I'm lost. My site looks perfect in IE, but in Firefox my Logo is left in the header...when it should be centered. I've tried to read all the threads on this, but couldn't find one in relation to the Header.. I've tried adjusting everything from the logo wrapper to the header wrapper, but to no avail in Firefox.. the site is:
    www.rastajoe.com/moses
    Thanks in advance kobra

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Alignment Issues in Firefox
    By terpsnation in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 28 Aug 2008, 06:15 AM
  2. Firefox and Alignment Issues
    By trisha1581 in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 18 Jun 2008, 04:58 PM
  3. Firefox Alignment
    By 14kvision in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 15 Jun 2008, 05:16 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