heinz_1 Posted November 21, 2008 Report Share Posted November 21, 2008 Hallo! Ein von mir betreuter Shop ist zu breit. Hab ein paar bereits gepostete Tipps vergebens probiert. Hier meine index.html {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_CATEGORIES}{$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 /* ----------------------------------------------------------------------------------------- $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $ XT-Commerce - community made shopping http://www.xt-commerce.com Copyright © 2004 XT-Commerce ----------------------------------------------------------------------------------------- based on: © 2000-2001 The Exchange Project (earlier name of osCommerce) © 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com © 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 Link to comment Share on other sites More sharing options...
eddy66 Posted November 21, 2008 Report Share Posted November 21, 2008 Hallo Heinz nimm am Anfang das <center> weg und tausche gegen <div style="width:985px;margin:0px auto; border: solid 1px #ff0000;"> und ganz am ende </center> weg und dafür ein </div> PS. den Rahmen kannste ja nach Bedarf umfärben oder mit 0px wegmachen. Link to comment Share on other sites More sharing options...
heinz_1 Posted November 23, 2008 Author Report Share Posted November 23, 2008 Hallo! Vielen Dank für die schnelle Antwort, leider hat es nicht ganz funktioniert. Durch rumprobieren weiß ich nun ganz sicher, dass folgende Zeile: <tr> <td colspan="3" class="hhg_backgroundcolor hhg_bordertop hhg_footertext">{$box_HEADERnavi}</td> </tr> im wahrsten Sinne des Wortes "den Rahmen sprengt". Was kann ich tun, damit in dieser Box rechtzeitig ein Zeilenumbruch eingeleitet wird? Hier der Code der Box.html: {config_load file="$language/lang_$language.conf" section="headernavi"} <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="padding: 10px"> <TABLE border="0" cellspacing="2" cellpadding="0"><tr> {$BOX_CONTENT} </tr></table> </td> </tr> </table> Hier der Code der Box.php: <?php /* ----------------------------------------------------------------------------------------- $Id: categories.php 1302 2005-10-12 16:21:29Z mz $ XT-Commerce - community made shopping http://www.xt-commerce.com Copyright © 2003 XT-Commerce ----------------------------------------------------------------------------------------- based on: © 2000-2001 The Exchange Project (earlier name of osCommerce) © 2002-2003 osCommerce(categories.php,v 1.23 2002/11/12); www.oscommerce.com © 2003 nextcommerce (categories.php,v 1.10 2003/08/17); www.nextcommerce.org Released under the GNU General Public License ----------------------------------------------------------------------------------------- Third Party contributions: Enable_Disable_Categories 1.3 Autor: Mikel Williams | [email protected] Released under the GNU General Public License ---------------------------------------------------------------------------------------*/ // reset var $start = microtime(); $box_smarty = new smarty; $box_content = ''; $box_smarty->assign('language', $_SESSION['language']); // set cache ID if (!CacheCheck()) { $cache=false; $box_smarty->caching = 0; } else { $cache=true; $box_smarty->caching = 1; $box_smarty->cache_lifetime = CACHE_LIFETIME; $box_smarty->cache_modified_check = CACHE_CHECK; $cache_id = $_SESSION['language'].$_SESSION['customers_status']['customers_status_id'].$cPath; } if(!$box_smarty->is_cached(CURRENT_TEMPLATE.'/boxes/box_headernavi.html', $cache_id) || !$cache){ $box_smarty->assign('tpl_path', 'templates/'.CURRENT_TEMPLATE.'/'); // include needed functions require_once (DIR_FS_CATALOG.'templates/'.CURRENT_TEMPLATE.'/source/inc/xtc_show_category.inc.php'); //require_once (DIR_FS_INC.'xtc_has_category_subcategories.inc.php'); //require_once (DIR_FS_INC.'xtc_count_products_in_category.inc.php'); $categories_string = ''; if (GROUP_CHECK == 'true') { $group_check = "and c.group_permission_".$_SESSION['customers_status']['customers_status_id']."=1 "; } $categories_query = "select c.categories_id, cd.categories_name, c.parent_id from ".TABLE_CATEGORIES." c, ".TABLE_CATEGORIES_DESCRIPTION." cd where c.categories_status = '1' and c.parent_id = '0' ".$group_check." and c.categories_id = cd.categories_id and cd.language_id='".(int) $_SESSION['languages_id']."' order by sort_order, cd.categories_name"; $categories_query = xtDBquery($categories_query); /* while ($categories = xtc_db_fetch_array($categories_query, true)) { $foo[$categories['categories_id']] = array ('name' => $categories['categories_name'], 'parent' => $categories['parent_id'], 'level' => 0, 'path' => $categories['categories_id'], 'next_id' => false); if (isset ($prev_id)) { $foo[$prev_id]['next_id'] = $categories['categories_id']; } $prev_id = $categories['categories_id']; if (!isset ($first_element)) { $first_element = $categories['categories_id']; } } */ //------------------------ //xtc_show_category($first_element); xtc_show_navi($first_element); $box_smarty->assign('BOX_CONTENT', $categories_string); } // set cache ID if (!$cache) { $box_headernavi = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/box_headernavi.html'); } else { $box_headernavi = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/box_headernavi.html', $cache_id); } $smarty->assign('box_HEADERnavi', $box_headernavi); ?> Danke + Gruß heinz Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.