Bekomme den Shop nicht schmal...
Hallo!
Ein von mir betreuter Shop ist zu breit. Hab ein paar bereits gepostete Tipps vergebens probiert.
Hier meine index.html
Zitat:
{config_load file="$language/lang_$language.conf" section="index"}
<center>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="985">
<tr>
<table border="0" cellpadding="0" cellspacing="0" width="985">
<tr>
<td> </td>
</tr>
<tr>
<td class="hhg_topline"><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}" /></td>
<td class="hhg_contactbackground" align="center" valign="middle"><a href="shop_content.php?coID=7"><img src="{$tpl_path}img/{$language}/contact.png" alt="{#text_contact#}" /></a></td>
<td class="hhg_searchbox hhg_backgroundcolor" valign="bottom">{$box_SEARCH}</td>
</tr>
<tr>
<td class="hhg_menu hhg_backgroundcolor hhg_bordertop" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="530">
<tr>
<td><a href="{$home}"><img src="{$tpl_path}img/{$language}/start.png" alt="{$store_name}"></a></td>
<td>|</td>
<td><a href="{$account}"><img src="{$tpl_path}img/{$language}/account.png" alt="{#link_account#}"></a></td>
<td>|</td>
<td><a href="{$cart}"><img src="{$tpl_path}img/{$language}/cart.png" alt="{#link_cart#}"></a></td>
<td>|</td>
<td><a href="{$checkout}"><img src="{$tpl_path}img/{$language}/checkout.png" alt="{#link_checkout#}"></a></td>
{if $account}{php} if (!isset($_SESSION['customer_id'])) { {/php}
<td>|</td>
<td><a href="create_account.php"><img src="{$tpl_path}img/{$language}/register.png" alt="{#text_register#}"></a></td>
{php} }else{ {/php}
<td>|</td>
<td><a href="logoff.php"><img src="{$tpl_path}img/{$language}/logoff.png" alt="{#logout#}"></a></td>
{php} } {/php}
{/if}
</tr>
</table>
</td>
<td class="hhg_menu1 hhg_backgroundcolor" style="border-top: none"> </td>
</tr>
<tr>
<td colspan="3" >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" valign="top" class="hhg_boxes">{$box_LOGIN}{$box_CART}{$box_CAT EGORIES}{$box_CONTENT}{$box_SERVICE}{$box_PAYMENT} </td>
<td width="700" class="hhg_main hhg_bordertop" valign="top"><img src="{$tpl_path}img/index_content.png" alt="{$store_name}" /><br/>{$main_content}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" class="hhg_backgroundcolor hhg_bordertop hhg_footertext">{$box_HEADERnavi}</td>
</tr>
<tr>
<td colspan="4" align="center" class="hhg_bordertop" style="padding-top: 5px;"><a class="hhg_categories_link" href="shop_content.php?coID=8">{#sitemap#}</a> | <a class="hhg_categories_link" href="shop_content.php?coID=2">{#protection#}</a> | <a class="hhg_categories_link" href="shop_content.php?coID=7">{#contact#}</a> | <a class="hhg_categories_link" href="shop_content.php?coID=3">{#gcb#}</a> | <a class="hhg_categories_link" href="shop_content.php?coID=4">{#impress#}</a></td>
</tr>
</table>
</td>
</tr>
</table>
{$box_ADMIN}
<table width="985" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="copyright" align="center">designed by <a href="http://www.powertemplate.de/" title="logodesign printdesign webdesign">powertemplate</a> | realized by <a href="http://www.hhg-coding.com/" title="programmierung softwareentwicklung">H.H.G. coding</a> | member of <a href="http://www.hhg-group.com/" title="Ihre Medien Agentur für coding, design, eCommerce & hosting">H.H.G. group Ltd.</a></td>
</tr>
</table>
</center>
|
Und hier die stylesheet.css
Zitat:
/* -----------------------------------------------------------------------------------------
$Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $
XT-Commerce - community made shopping
http://www.xt-commerce.com
Copyright (c) 2004 XT-Commerce
-----------------------------------------------------------------------------------------
based on:
(c) 2000-2001 The Exchange Project (earlier name of osCommerce)
(c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
(c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org
Released under the GNU General Public License
---------------------------------------------------------------------------------------*/
.boxText {
font-family: Verdana, sans-serif;
font-size: 10px;
}
.boxTextBG {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #586b79;
background-color: #effaff;
}
.boxTextBGII {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #586b79;
background-color: #dae9f0;
}
.boxTextPrice {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #FF0000;
}
.errorBox {
font-family: Verdana, sans-serif;
font-size : 10px;
font-weight: bold;
background-color: #ffb3b5;
}
.gvBox {
font-family: Verdana, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning {
font-family: Verdana, sans-serif;
font-size : 10px;
color: #cc0033;
}
.productsNotifications {
background-color: #f2fff7;
}
.orderEdit {
font-family: Verdana, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}
BODY {
color: #586c79;
margin: 0px;
font-size: 10px;
font-family: Verdana, sans-serif;
background-color: #ffffff;
text-align: center;
}
img{
border:0;
}
A {
color: #586c79;
text-decoration: none;
}
A:hover {
color: #586c79;
text-decoration: underline;
}
FORM {
display: inline;
}
TR.header {
background-color: #ffffff;
}
TR.headerNavigation {
background: #F6F6F6;
}
TD.headerNavigation {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
background-color: #F6F6F6;
}
A.headerNavigation {
color: #000000;
}
A.headerNavigation:hover {
color: #000000;
}
TD.conditions {
background-color: #FFCCCC;
}
A.confirmationEdit {
color: #009933;
font-style: italic;
}
A.confirmationEdit:hover {
color: #009933;
font-style: italic;
text-decoration: underline;
}
TR.headerError {
background-color: #ff0000;
}
TR.headerMessage {
background-color: #00CC33;
}
.moduleHeading {
font-family: Verdana, sans-serif;
font-size: small;
font-weight: bold;
padding-bottom: 10px;
}
TD.headerError {
font-family: Verdana, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Verdana, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #bbc3d3;
}
TD.footer {
font-family: Verdana, sans-serif;
font-size: 10px;
background: #F6F6F6;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
}
.infoBox {
}
.infoBoxContents {
font-family: Verdana, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, sans-serif;
font-size: 10px;
}
.infoBoxHeading {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
background: #7691a2;
height:24px;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
TD.infoBoxHeading_right {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
background: #C4C4C4;
height:17px;
color: #000000;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, sans-serif;
font-size: 10px;
border-right: 4px solid;
background: #E6E6E6;
border-color: #C4C4C4;
}
TD.infoBox_right, SPAN.infoBox_right {
font-family: Verdana, sans-serif;
font-size: 10px;
background: #E6E6E6;
}
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, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
font-family: Verdana, sans-serif;
font-size: 10px;
}
A.pageResults {
color: #0000FF;
text-decoration: underline;
}
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #000000;
}
TD.main, P.main, SPAN.main, DIV.main {
font-family: Verdana, sans-serif;
font-size: 10px;
line-height: 1.5;
text-align: left;
color: #586c79;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, sans-serif;
font-size: 10px;
}
TD.accountCategory {
font-family: Verdana, sans-serif;
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-family: Verdana, sans-serif;
font-size: 12px;
}
TD.tableHeading {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, sans-serif;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana, sans-serif;
font-size: 11px;
}
SPAN.greetUser {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
SPAN.underline {
text-decoration: underline;
}
TABLE.formArea {
}
TD.formAreaTitle {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}
.copyright {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.5;
width: 985px;
text-align:center;
}
A.copyright {
color: #000000;
}
A.copyright:hover {
color: #0000ff;
text-decoration: underline;
}
SPAN.markProductOutOfStock {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
SPAN.productSpecialPrice {
font-family: Verdana, sans-serif;
color: #ff0000;
}
SPAN.productOldPrice {
font-family: Verdana, sans-serif;
color: #ff0000;
text-decoration: line-through;
}
SPAN.errorText {
font-family: Verdana, sans-serif;
color: #ff0000;
}
SPAN.productDiscountPrice {
font-family: Verdana, sans-serif;
color: #ff0000;
font-weight: bold;
}
.smallHeading {
font-family: Verdana, sans-serif;
font-size: x-small;
font-weight: bold;
color: Black;
}
.moduleRow {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 2;
border-bottom: 1px dashed #a6c3d1;
}
.moduleRowOver {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 2;
border-bottom: 1px dashed #a6c3d1;
}
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, sans-serif; font-size: 10px; color: #000000; }
/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, sans-serif; font-size: 16pt; }
/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, sans-serif; font-size: 10pt; color: #FFFFFF;
background-color: #666666;
padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}
.sitemap_sub {font-family: Verdana, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}
/* message box */
.messageBox { font-family: Verdana, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, sans-serif; font-size: 10px; color: #ff0000; }
.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}
.navLeft {
border-right: 1px solid;
border-color: #b6b7cb;
background-image: url(img/bg_left_column.jpg);
width: 185px;
}
.navRight {
border-color: #666666;
border-top-width: 4px;
border-top-style: solid;
border-left-width: 4px;
border-left-style: solid;
background-color: #E6E6E6;
width: 185px;
}
.contentsTopics {
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: white;
background-color: #7691a2;
padding: 5px;
padding-left: 10px;
border-top: 1px solid white;
}
.tableListingI {
background-color: #eeeeee;
}
.tableListingII {
background-color: #d0d0d0;
}
.tableBody {
padding: 5px;
}
.poweredby {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}
.onepxwidth {
width: 1px;
}
/* -------------- HHG ------------- */
INPUT{
color: #7691a2;
padding-left: 2px;
}
.hhg_top{
background-image: url(img/top_background.png);
background-repeat: repeat-x;
height: 93px;
}
.hhg_topline{
border-bottom: 0px solid #586c79;
background-color: #586c79;
width: 530px;
height: 75px;
}
.hhg_contactbackground{
background-color: #586c79;
width: 88px;
height: 75px;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-color: white;
}
.hhg_searchbox{
color: white;
font-size: 10px;
padding-left: 8px;
padding-right: 8px;
border-top: 1px solid;
border-color: white;
width: 367px;
}
A.hhg_searchbox_link{
color: white;
font-size: 10px;
font-family: Verdana, sans-serif;
text-decoration: none;
}
A.hhg_searchbox_link:hover{
color: white;
font-size: 10px;
font-family: Verdana, sans-serif;
text-decoration: underline;
}
.hhg_linebottom{
border-bottom: 1px solid white;
}
.hhg_menu{
height: 30px;
color: white;
text-align:center;
width: 618px;
}
.hhg_menu1{
height: 30px;
color: white;
text-align:center;
width: 367px;
}
.hhg_bordertop{
border-top: 1px solid white;
}
.hhg_backgroundcolor{
background-color: #7691a2;
}
.hhg_login{
padding-top: 8px;
}
.hhg_main{
border-left: 1px solid white;
text-align: left;
}
.hhg_box{
padding: 10px;
text-align: left;
}
.hhg_cart_empty{
background-color: #eefaff;
font-size: 10px;
color: #586c79;
}
.hhg_categories{
background-color: #dae9f0;
}
A.hhg_categories_link{
color: #586c79;
font-size: 10px;
text-decoration: none;
}
A.hhg_categories_link:hover{
color: #7691a2;
font-size: 10px;
text-decoration: none;
}
.hhg_grid{
border: 1px solid #586c79;
}
A.hhg_headlinelink{
color: #d50a11;
font-size: 12px;
text-decoration: none;
}
A.hhg_headlinelink:hover{
color: #d50a11;
font-size: 12px;
text-decoration: underline;
}
A.hhg_shippinglink{
color: #586c79;
font-size: 10px;
text-decoration: none;
}
A.hhg_shippinglink:hover{
color: #586c79;
font-size: 10px;
text-decoration: underline;
}
.hhg_price{
color: #d50a11;
font-size: 12px;
font-weight: bold;
}
.hhg_12point{
color: #586c79;
font-size: 12px;
font-weight: normal;
}
.hhg_footertext{
color: white;
padding-left: 10px;
padding-right: 10px;
}
.hhg_bluebox{
border: 1px solid #c1deec;
background-color: #eefaff;
color: #586c79;
font-size: 10px;
padding: 20px;
position: relative;
}
A.hhg_whitelink{
color: white;
font-size: 10px;
text-decoration: none;
}
A.hhg_whitelink:hover{
color: white;
font-size: 10px;
text-decoration: underline;
}
.hhg_boxes{
background-color: #eefaff;
}
.hhg_notice{
color: #d50a11;
font-weight: bold;
}
A.hhg_notice{
color: #d50a11;
text-decoration: underline;
font-weight: bold;
}
A.hhg_notice:hover{
color: #d50a11;
text-decoration: none;
font-weight: bold;
}
.hhg_blueseperator {
height: 2px;
width: 100%;
border-top:12px solid white;
background-color: #7691a2;
font-size: 0px;
}
.hhg_pricepos{
position: absolute;
left: 335px;
top: 53px;
text-align:left;
float:left;
width: 1px;
}
.hhg_pricepos1{
position: absolute;
left: 385px;
top: 55px;
text-align:left;
float:left
}
.hhg_redtext{
color: #d50a11;
font-size: 10px;
font-weight: bold;
}
A.hhg_categorieslink{
color: #d50a11;
font-size: 10px;
text-decoration: none;
}
A.hhg_categorieslink:hover{
color: #d50a11;
font-size: 10px;
text-decoration: underline;
}
.hhg_fontsize12
{
font-size: 12px;
}
.hhg_thumbnail{
padding: 10px;
}
.hhg_borderline{
border-bottom: 1px solid #586c79;
}
.hhg_error{
border-bottom: 3px solid #d60b11;
background-color:#7691a2;
color: white;
height: 22px;
}
|
top_logo.jpg hat die Maße 530px × 75px
index_content.png hat die Maße 699px × 79px
Würde gern eine Gesamtbreite von 985px haben.
Hoffe mir kann jemand helfen und ich bedanke mich hiermit schon einmal
|