Results 1 to 3 of 3
  1. #1
    Join Date
    Oct 2006
    Posts
    8
    Plugin Contributions
    0

    Default Strange Margin Problem

    I have got my site nearly finished, but I can't for the life of me find the margin setting to remove the space between the left and top sides of my content, and the edge. I want the page completely left and top aligned, and I've tried nearly everything I can think of with the CSS.

    Please help!

    Here's a pic of the site and its problem: http://img120.imageshack.us/img120/4382/sitexs3.jpg

    Here's the code:
    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 3688 2006-06-02 00:12:18Z drbyte $
     * BackgroundC=#2E0854 #FFFFFF background-image: url(../images/bgBLUED.png);
     */
    
    body {
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 75%;
    	color: #000000;
    	background-color: #404040;	
    	}
    
    a img {border: none; }
    
    a:link, #navEZPagesTOC ul li a {
    	color: #800000;
    	text-decoration: none;
    	}
     
    a:visited {
    	color: #800000;
    	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: #FF0000;
    	}
    
    h1 {
    	font-size: 1.5em;
    	}
    
    h2 {
    	font-size: 1.4em;
    	}
    
    h3 {
    	font-size: 1.3em;
    	}
    
    h4, h5, h6, LABEL, h4.optionName, ADDRESS, .sideBoxContent, legend, .larger{
    	font-size: 1em;
    	}
    
    h1, h2, h3, h4, h5, h6 {
    	margin: 0.2em;
          }
    
    .biggerText {
    	font-size: 1.2em;
    	}
    
    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: #FFFFFF;
    	}
    
    FIELDSET {
    	padding: 0.5em;
    	margin: 0.5em 0em;
    	border: 1px solid #000000;
    	}
    
    LEGEND {
    	font-weight: bold;
    	padding: 0.3em;
          color: #000000;
    	}
    
    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-bottom: 1px solid #000000;
    	}
    
    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    	line-height: 1.8em;
    	padding: 0.2em;
    	}
    
    .messageStackWarning, .messageStackError {
    	color: #C00000;
    	}
    
    .messageStackSuccess {
    	color: #059705;
    	}
    
    .messageStackCaution {
    	color: #C00000;
    	}
    
    /*wrappers - page or section containers*/
    #mainWrapper {
    	background-color: #FFFFFF;
    	text-align: left;
    	vertical-align: top;
            border: 1px solid #000000;
            width: 970px; 
    	}
    
    #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    	margin: 0em;
    	padding: 0em;
    	}
    
    #contentMainWrapper {
          padding-top: 0.5em;
          }
    
    #headerWrapper {
          background-color: #000000;
          background-image: url(../images/header_back.gif);
    	margin: 0em;
    	padding: 0em;
          }
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;	
    	float: left; /*added to left align the site*/
    	} 
    
    #tagline {
          position: relative;
    	color: #FFFFFF;
    	font-size: 12px;
    	text-align : right; 
    	vertical-align: middle;       
    	}
    
    #sendSpendWrapper {
    	border: 1px solid #000000;
    	float: right;
    	margin: 0em 0em 1em 1em;
    	}
    
    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    	margin: 0;
    	width: 46%;
    	}
    
    .wrapperAttribsOptions {
    	margin: 0.3em 0em;
    	}
    
    /*navigation*/
    .navNextPrevWrapper {
          padding: 0em 0em 1em 0em;
          }
    
    .navSplitPagesResult {
          padding: 1.5em 0em 1.5em 0em;
          }
    
    .navSplitPagesLinks {
          padding: 1.5em 0em 1.5em 0em;
          }
    
    .navNextPrevCounter {
    	margin: 0em;
    	font-size: 0.9em;
    	}
    .navNextPrevList {
    	display: inline; /*prev product and next button Hvs.V*/
    	white-space: nowrap;
    	margin: 0;
    	padding: 1em;
    	list-style-type: none;
    	}
    
    #navMainWrapper{
            margin: 0em;
            padding: .60em 0em 0.1em 0em;
            background-color: #6D6D6D;
            background-image: url(../images/nav_back.gif);
            font-weight: bold;
            font-size: 12px;
            color: #000000;
            width: 100%;
    	}
    
    #navSuppWrapper{
    	margin: 0em;
            padding: .60em 0em 0.1em 0em;
            background-color: #6D6D6D;
            background-image: url(../images/nav_backRESIZE.gif);
    	font-weight: bold;
            font-size: 10px;
    	color: #000000;
    	width: 100%;
            }
    
    #navCatTabsWrapper {
    	margin: 0em;
            padding: .60em 0em 0.1em 0em;
            background-color: #6D6D6D;
            background-image: url(../images/nav_back.gif);
    	font-weight: bold;
            font-size: 12px;
    	color: #000000;
    	width: 100%;
    	}
     
    #navEZPagesTop {
          	background-image: url(../images/nav_back.gif);
          	margin: 0em;
          	padding: 1em 0em 0em 0em;
          	background-color: #C0C0C0;
          	font-size: 10px; 
         	font-weight: bold;
     	text-align: center;
    	height: 21px;
     	width: 100%;
    	}
    
    .navBottom {
          background-image: url(../images/nav_bottom.gif);
          margin: 0em;
          width: 100%;
          height: 5px;
          font-size: 5px;
          }
    
    #navMain ul, #navSupp ul, #navCatTabs ul {
    	margin: 0;
    	padding:  0.5em 0em;
    	list-style-type: none;
    	text-align: center;
    	}
    
    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    	display: inline;
    	white-space: wrap;
    	}
    
    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    	text-decoration: none;
    	padding: 0em 0.25em;
    	margin: 0em;
    	color: #800000;
    	}
    
    #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 {
          font-weight: bold;
          }
    
    #navColumnOne {
    	background-color: #FFFFFF;
          padding: 0.25em;
    	}
    
    #navColumnTwo {
    	background-color: #FFFFFF;
          padding: 0.25em 0.50em .25em 0.25em !important;
          padding: 0.25em;
          }
    
    /*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;
          padding: .25em;
    	}
    
    /*Product Listing*/
    .productListing-data {
          border-top: 1px solid #000000;
          padding: 0.50em 0em 0.50em 0em;
          }
    
    /*Shopping Cart Display*/
    #cartAdd {
    	float: right;
    	text-align: center;
    	margin: 1em;
    	border: 1px solid #000000;
    	padding: 1em;
    	}
    
    .tableHeading TH {}
    
    .tableHeading, #cartSubTotaL {}
    
    #cartSubTotal {
    	border-top: 1px solid #000000;
    	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   {
    	border-top: 1px solid #000000;
    	padding: 0.5em 0em;
    	}
    #cartInstructionsDisplay, .cartTotalsDisplay {
    	padding: 0.5em 0em;
          }
    
    .cartUnitDisplay, .cartTotalDisplay {
    	text-align: right;
    	padding-right: 0.2em;
    	}
    
    #scUpdateQuantity {
    	width: 2em;
    	}
    
    .cartQuantity {
    	width: 4.7em;
    	}
    
    .cartNewItem {
          font-weight: bold;
    	position: relative;  /*do not remove-fixes stupid IEbug*/
    	}
    
    .cartOldItem {
    	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 1em;
    	}
    
    /*sideboxes*/
    .columnLeft, .columnRight {}
    h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading a:visited, h3.leftBoxHeading a:hover, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading a:visited, h3.rightBoxHeading a:hover {
          margin: 0em;
    	font-size: 1em;
    	color: #000000;
    	}
    
    .leftBoxHeading, .rightBoxHeading {
    	margin: 0em;
    	background-color: #C0C0C0;
          background-image: url(../images/box_back.gif);
    	padding: 0em;
          line-height: 25px;
    	}
    
    .leftBoxContainer, .rightBoxContainer {
    	margin-bottom: 1em;
    	background-color: #FFFFFF;
    	border: 1px solid #000000;
    	}
    
    .rightBoxContent, .leftBoxContent, .sideBoxContent {
    	background-color: #FFFFFF;
    	padding: 0.5em;
          font-size: 1.1em;
    	}
    
    .centerBoxHeading {
    	margin: 0em;
          border-bottom: 1px solid #000000;
          }
    
    .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;
    	}
    
    #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: #C0C0C0;
    }
    
    #upProductsHeading {
    	text-align: left;
    	}
    
    #upDateHeading {
    	text-align: right;
    	}
    
    /*misc*/
    .back {
    	float: left;
    	}
    
    .forward {
    	float: right;
    	}
    
    .bold {
    	font-weight: bold;
    	}
    
    .rowOdd {
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .rowEven {
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    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
    	}
    
    #prevOrders {
          border: 1px solid #000000;
          padding: 0.25em;
          }
    
    TR.tableHeading {
    	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
    Oct 2006
    Posts
    16
    Plugin Contributions
    0

    Default Re: Strange Margin Problem

    body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 75%;
    color: #000000;
    background-color: #404040;
    margin: 0;
    }

    add the last attribute to your body, I believe by default there is always a top and left margin enabled in any sort of html.

  3. #3
    Join Date
    Oct 2006
    Posts
    8
    Plugin Contributions
    0

    Default Re: Strange Margin Problem

    Thank you so much! Worked Great :)

 

 

Similar Threads

  1. Margin Problem!
    By bjc999 in forum General Questions
    Replies: 8
    Last Post: 25 Mar 2009, 01:11 PM
  2. Strange Margin/Gap Help Get Rid of Please
    By limelites in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 21 Feb 2009, 03:30 PM
  3. margin and padding problem
    By CoolCarPartsOnline in forum General Questions
    Replies: 3
    Last Post: 19 Oct 2008, 11:41 PM
  4. Alignment/Margin Problem
    By DanMTL in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Apr 2008, 10:34 PM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR