Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Internet Explorer Template and Table Display Error


technoicon

Recommended Posts

Hi,

 

I have probably spent about 4-5 hours on this now, trying to tweek the site so that the space has gone from in between my header and my body sections.

 

as you can see here: test.thevitalitystore.com.au/index.php

I have highlighted which table it is and its part of the header one: test.thevitalitystore.com.au/specials.php

 

I really cant figure this one out and it's really bugging me! Hope someone can help. thanks

 

My CSS file

 

/*
 $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;padding:5px;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 background: #b4bac8;
 color: #000000;
/* margin: 0px; */
 margin: 0px 0px 0px 0px;
 padding:0;
 text-align:center;
}
#wrapper {
width:967px;
text-align:right;
margin:0 auto;
margin-top: 10px;
padding:0;
background-color:#ffffff;
display: block
}
A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #474747;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #ffffff;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #ffffff;
 color: #000000;
 font-weight: bold;
}

.infoBox {
 background: #cccccc;
}

.infoBoxContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #bbc3d3;
 color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #b6b7cb;
 border-spacing: 1px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background:#3399FF;
 color: #FFFFFF;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color: #474747;
 padding:2px;
}

A.pageResults:hover {
 color: #ffffff;
 background: #333333;
 padding:2px;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #474747;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* xwayz template - www.badeziner.com */
.left_top {background: url(images/template/left_top.gif) no-repeat;width:28px;height:23px;}
.top_loop {background: url(images/template/top_loop.gif) repeat-x;width:911px;height:23px;}
.right_top {background: url(images/template/right_top.gif) no-repeat;width:28px;height:23px;}
.left_menu {background: url(images/template/left_menu.gif) no-repeat;width:28px;height:53px;}
.menu_bg {background: url(images/template/menu_bg.gif) repeat-x; width:911px;height:53px;}
.right_menu {background: url(images/template/right_menu.gif) no-repeat;width:28px;height:53px;}
.header_left {background: url(images/template/header_left.gif) no-repeat;width:28px;height:144px;}
.header_bg {background: url(images/template/header_bg.gif) repeat-x;width:2px;height:144px;}
.header_white_spacer {background: url(images/template/header_white_spacer.gif) no-repeat;width:2px;height:144px;}
.header_img1 {background: url(images/template/header_img1.gif) no-repeat;width:120px;height:144px;}
.header_ap_top {background: url(images/template/header_ap_top.gif) no-repeat;width:180px;height:102px;}
.header_img2 {background: url(images/template/header_img2.gif) no-repeat;width:16px;height:102px;}
.header_img3 {background: url(images/template/header_img3.gif) no-repeat;width:16px;height:36px;}
.header_ap_bottom {background: url(images/template/header_ap_bottom.gif) no-repeat;width:180px;height:6px;}
.header_img4 {background: url(images/template/header_img4.gif) no-repeat;width:16px;height:6px;}
.header_right {background: url(images/template/header_right_n.gif) no-repeat;width:157px;height:144px;}
.header_ap {background: url(images/template/header_ap.gif) no-repeat;width:180px;height:36px;display: block;text-align:center;}
.fade_left {background: url(images/template/fade_left.gif) repeat-y;width:10px;height:2px;display:block;}
.fade_right {background: url(images/template/fade_right.gif) repeat-y;width:10px;height:2px;display:block;}
.loop_left {background: url(images/template/loop_left.gif) repeat-y;width:18px;height:2px;}
.loop_right {background: url(images/template/loop_right.gif) repeat-y;width:18px;height:2px;}
.footer_left {background: url(images/template/footer_left.gif) no-repeat;width:28px;height:58px;}
.footer_bg {background: url(images/template/footer_bg.gif) repeat-x;width:911px;height:58px;}
.footer_right {background: url(images/template/footer_right.gif) no-repeat;width:28px;height:58px;}
/* xwayz template - www.badeziner.com  elements */
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
padding-bottom: 15px;
margin-left:20px;
margin-top:15px;
float:left;
vertical-align:middle;
}
.menu a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
padding-bottom: 10px;
outline:none;
}
.menu a:hover {
text-decoration: underline;
color:#474747;
}
.menu_footer {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding-bottom: 15px;
}
.menu_footer a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding-bottom: 15px;

}
.menu_footer a:hover {
text-decoration: underline;
}
.top_cart {
width:100px;
padding-left:50px;
float:right;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
}
.top_cart a {
color:#474747;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.top_cart a:hover {
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.store_name {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 48px;
color: #FFFFFF;
float:left;
margin-bottom:50px;
margin-left:50px;
}
.slogan {
color: #8a8ea5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
/* BOX STYLE */
.tl {width:12px;height:42px;}
.tlop {background: url('images/template/box/top_loop.gif') repeat-x;width:100%;height:42px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#FFFFFF}
.tr {width:11px;height:42px;}
.cl {background: url('images/template/box/left_loop.gif') repeat-y;width:12px;height:100%;}
.cr {background: url('images/template/box/right_loop.gif') repeat-y;width:11px;height:100%;}
.bl {background: url('images/template/box/left_bottom.gif') no-repeat;width:12px;height:4px;}
.blop {background: url('images/template/box/bottom_loop.gif') repeat-x;height:4px;width:100%;}
.br {background: url('images/template/box/bottom_right.gif') no-repeat;width:11px;height:4px;}
/* END BOX STYLE */
/* CONTENT BOX STYLE */
.ctl {width:12px;height:42px;}
.ctlop {background: url('images/template/box/top_loop.gif') repeat-x;height:42px;font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;color:#FFFFFF}
.ctr {width:11px;height:42px;}
.ccl {background: url('images/template/box/left_loop.gif') repeat-y;width:12px;height:100%;}
.ccr {background: url('images/template/box/right_loop.gif') repeat-y;width:11px;height:100%;}
.cbl {background: url('images/template/box/left_bottom.gif') no-repeat;width:12px;height:4px;}
.cblop {background: url('images/template/box/bottom_loop.gif') repeat-x;height:4px;}
.cbr {background: url('images/template/box/bottom_right.gif') no-repeat;width:11px;height:4px;}
/* END CONTENT BOX STYLE*/
/* START NEW PRODUCTS */
.prod_container {
border: 1px solid #999999; margin: 5px;padding: 5px;overflow: auto;
}
.img_container {
width:120px; float:left;
}
.pc_pname {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
.pc_description {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:10px;
}
.pc_price {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#669933;
font-weight:bold;
}
/* END NEW PRODUCTS */

/* START WORDPRESS STYLES */

.boxText ul, .boxText ul ol {
margin: 0;
padding: 0;
}
.boxText ul p, .boxText ul select {
margin: 5px 0 8px;
}

.boxText ul ul, .boxText ul ol {
margin: 5px 0 0 10px;
}

.boxText ul ul ul, .boxText ul ol {
margin: 0 0 0 10px;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.boxText {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, .boxText ul ul li, .boxText ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, .boxText ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
.boxText ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
ol li, .boxText ul ol li {
list-style: decimal outside;
}

.boxText ul ul li, .boxText ul ol li {
margin: 3px 0 0;
padding: 0;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

/* END WORDPRESS STYLES */

Link to comment
Share on other sites

You are looking in the wrong place to fix the problem...

:blush:

 

	<td valign="top" width="140"><table width="140" border="0" cellpadding="2" cellspacing="0">
<!-- left_navigation //-->
  <tr>
	<td><img src="images/pixel_trans.gif" alt="" width="100%" border="0" height="4"></td>
  </tr>

Needs to be:

 

	<td valign="top" width="140"><table width="140" border="0" cellpadding="0" cellspacing="0">
<!-- left_navigation //-->

Later on....

 

<!-- body_text //-->
<td valign="top" width="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">


  <tr>
	<td>
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	  <tr>
		<td><img src="images/pixel_trans.gif" alt="" width="100%" border="0" height="10"></td>
	  </tr>

Needs to be:

 

<!-- body_text //-->
<td valign="top" width="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">


  <tr>
	<td>
	<table width="100%" border="0" cellpadding="0" cellspacing="0">

It's the pixel_trans.gif image and the cellpadding (first code sample only) that are mucking things up, IMHO

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...