Results 1 to 3 of 3
  1. #1
    Join Date
    Mar 2006
    Posts
    64
    Plugin Contributions
    0

    Default Help to remove the thin line.....

    OK, I decide to open up my own thread to get help. After reading lots posts and tried different ways to remove the thin line (gap) below the header, I couldn't solve this problem!

    Here is the URL:
    http://store.ultradyna.com/index.php

    And just as others, it only happen with M$ IE.

    At this moment, I don't have tpl_header.php in my CUSTOM folder.

    And here is my stylesheet:
    Code:
    /**
     * Main CSS Stylesheet
     *
     * @package templateSystem
     * @copyright Copyright 2003-2005 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 4813 2006-10-23 02:13:53Z drbyte $
     */
    
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 70%;
    	color: #000000;
    	background-color: #9FAC90;
    	}
    
    a img {border: none; }
    
    a:link, #navEZPagesTOC ul li a {
    	color: #3300FF;
    	text-decoration: none;
    	}
     
    a:visited {
    	color: #3300FF;
    	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: #FF0000;
    	}
    
    a:active {
    	color: #0000FF;
    	}
    
    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 #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;
    	}
    
    #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;
    	line-height: 0;
    	font-size: 0;
    	}
    
    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 #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 {
    	background-color: #9FAC90;
    	text-align: left;
    	width: 100%;
    	vertical-align: top;
    	}
    .leftEdge {
    	background-image: url(/includes/templates/utl/images/L_border_bg.gif);
    	background-repeat: repeat-y;
    	background-position: top right;
    	width: 7%;
    	}
    .rightEdge {
    	background-image: url(/includes/templates/utl/images/R_border_bg.gif);
    	background-repeat: repeat-y;
    	background-position: top left;
    	width: 7%;
    	} 
    
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	} 
    
    #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: #9a9a9a;
    	font-weight: bold;
    	color: #ffffff;
    	height: 1%;
    	width: 100%;
    	}
    
    #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;
    	}
    
    #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;
    	}
    
    #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    
    #navMainSearch {
    	float: right;
    	}
    
    #navBreadCrumb {
    	background-color: #cc9900;
    	}
    
    #navEZPagesTop {
    	background-color: #ffff33;
    	}
    
    #navBreadCrumb, #navEZPagesTop {
    	font-size: 0.95em;
    	font-weight: bold;
    	margin: 0em;
    	padding: 0.5em;
    	}
    
    #navColumnOne {
    	background-color: #FFCC99;
    	}
    
    #navColumnTwo {
    	background-color: #00BFBF;
    	}
    
    /*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: 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: #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;
      }
    
    .normalprice, .productSpecialPriceSale {
    	text-decoration: line-through;
    	}
    
    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    	color: #ff0000;
    	}
    
    .orderHistList {
    	margin: 1em;
    	padding: 0.2em 0em;
    	} 
    
    #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;
    	}
    
    /*sideboxes*/
    .columnLeft {}
    
    h3.leftBoxHeading, h3.leftBoxHeading a {
    	font-size: 1em;
    	color: #ffffff;
    	}
    
    .leftBoxHeading, .centerBoxHeading {
    	margin: 0em;
    	background-color: #FF6699;
    	padding: 0.5em 0.2em;
    	}
    
    .leftBoxContainer {
    	border: 1px solid #ffffff;
    	margin-top: 1.5em;
    	}
    
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0.4em;
    	}
    
    h3.rightBoxHeading, h3.rightBoxHeading a {
    	font-size: 1.1em;
    	color: #FFFF00;
    	}
    
    .rightBoxHeading {
    	margin: 0em;
    	background-color: #663366;
    	padding: 0.2em 0em;
    	}
    
    h3.leftBoxHeading a:hover {
    	color: #FFFF33;
    	text-decoration: none;
    	} 
    
    h3.rightBoxHeading a:hover {
    	color: #FF0000;
    	text-decoration: none;
    	}
    
    .rightBoxContent {
    	background-color: #ffffff;
    	margin-bottom: 1em;
    	}
    
    .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;
    	}
    
    /*misc*/
    .back {
    	float: left;
    	}
    
    .forward {
    	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;
    	}
    
    #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;
    	}

  2. #2
    Join Date
    Nov 2006
    Posts
    46
    Plugin Contributions
    0

    Default Re: Help to remove the thin line.....

    I had a similar problem, and although the characteristics of my gap were slightly different to yours, try adding the following to your CSS:

    Code:
    #logo img {
    	display:block;
    }

  3. #3
    Join Date
    Sep 2006
    Posts
    542
    Plugin Contributions
    0

    Default Re: Help to remove the thin line.....

    The only place the color #80baff is used is in your body color and your main wrapper. However you have formatted a background color not only in your style sheet but also on your page viewable on your source codes.
    I ran you through the ww3 and this is what they say.

    • Line: 21 Context : CSS Parse Error - - http://store.ultradyna.com/index.php http://store.ultradyna.com/index.php http://store.ultradyna.com/includes/...stylesheet.css body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; color: #000000; background-color: #80baff; }
    • Line: 140 Context : .clearBoth Invalid number : line-height Parse Error - [empty string]
    • Line: 651 Context : .cssButtonHover Parse Error - ://store.ultradyna.com/includes/templates/utl/css/stylesheet_css_buttons.css .cssButton
    • Line: 674 Context : .cssButton, .cssButtonHover Property _width doesn't exist : 0
    • Line: 713 Parse Error - ://store.ultradyna.com/includes/templates/utl/css/print_stylesheet.css body
    take care of these errors and then address any problems that remain after the fixes.

    After you have made your fixes you will want to check your style sheet for errors after making changes.
    http://jigsaw.w3.org/css-validator/

    It also looks like you have 2 print style sheets use only one also any style sheet that you put in your style sheet folder will be read so make sure you only have 1 with the styles you want to use.

 

 

Similar Threads

  1. Opps. I've lost the thin inside line of my right hand boxes
    By Kayz in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 25 Mar 2010, 01:17 AM
  2. How to remove the whit line and orange line on top of the header image?
    By libralion in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Mar 2009, 01:22 PM
  3. Thin line in Categories sidebox.. ?
    By Azeela in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Apr 2008, 10:13 PM
  4. Remove the line under the logo picture
    By TomCZ in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 14 Feb 2007, 09:20 AM
  5. remove thin line from bottom of page in IE
    By ellis200200 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 12 Jul 2006, 05:44 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