stretch my pages across screen

[d4funky1]

Hi,

 

Please take a look at the following page: My Webpage

 

As you can see it is centred in your screen.

 

How can i adjust this so that it fills the whole screen rather than just the centre???

 

I have posted my stylesheet below for assistance.

 

Many Thanks

D4

 

/*
 $Id: stylesheet.css,v 1.75 2004/11/29 Hostingoscommerce.com $

 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: 9px; }
.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: #8E471A url(images/bodyback.jpg) repeat-x;
 color: #665336;
 margin: 0px;
}

A {
 color: #904138;
 text-decoration: none;
}

A:hover {
 color: #B7843A;
 text-decoration: none;
}

FORM {
display: inline;
}

TR.header {

}

TR.headerNavigation {

}

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

 color: #000000;
 font-weight : bold;
}

A.headerNavigation { 
 color: White; 
}

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


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: #E6CEA3;
}

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

TR.footer {

}

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

 color: White;
 font-weight: bold;
}

.infoBox {

}

.infoBoxContents {

 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {

 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 font-weight: bold;

 color: White;
}

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 {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}

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

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

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

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #FFFF33;
}

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

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: 10px;
}

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

TABLE.formArea {
 background: #F6EEDF;
 border-color: #F0E1C5;
 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: #F0E1C5; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E6CEA3; }

.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; }

/* VN2DESIGNS.COM KICKS ASS MOFO!!! */

TD.infoBox_left {
 background: url(images/vn2designsdotcom_08.jpg) no-repeat left top;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
color: White;
 height: 35px;
padding-left: 1px;
  padding-top: 10px;

}

TD.infoBox_right {
 background: url(images/vn2designsdotcom_10.jpg) no-repeat left top;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
color: White;
 height: 35px;
padding-left: 1px;
  padding-top: 10px;

}

TD.infoBox_center {
 background: url(images/vn2designsdotcom_table_top.jpg) no-repeat left top;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 font-weight: bold;
color: #FFFFFF;
 padding-left: 1px;
 padding-top: 8px


}

[crash3903]

I will check for where the table width is changed but at the moment i think your site looks great both in design and how it is - Nice job!

[♥peterpil19]

Hi,

 

Are you using the centershop contribution. If so, you can turn on/off the centering of your store in admin.

 

Peter

[d4funky1]

Mark,

 

Thanks very much for that kind comment

[d4funky1]

no i'm not using centershop contribution

 

Thanks

[digbydo]

I will check for where the table width is changed but at the moment i think your site looks great both in design and how it is - Nice job!

 

http://www.oscommerce.com/community/contributions,2951/

[d4funky1]

a heavily modified version you'll see

[Brooke]

your header and body table widths are set to 760 directly in the html. you can change that to 100% to make it fill the screen width, but its gonna throw your whole design out of whack cause your header and footer designs wont stretch. i suggest leaving it as is.

[ComicWisdom]

You are using some kind of template with the width of the table set at 760px. Find that number and change it to the width you want. Or change it to a percentage of the screen width.