Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Shop nach links verschoben

    piru

    • Fördermitglied
    • Beiträge: 1.263
    • Geschlecht:
    Shop nach links verschoben
    am: 20. Juni 2012, 16:03:46
    Hallo,

    bin dabei auf SP1c zu aktualisieren, und habe bestimmt einen Fehler bei der Datei templates/xtc5/stylesheet.css, da den ganzen Shop sich ganz nach links verschoben hat.

    Hier ist meine stylesheet.css, kann mir jemand vielleicht sagen was ich falsch gemacht habe?

    Danke piru

    Code: CSS  [Auswählen]
    /* -----------------------------------------------------------------------------------------
       $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

       XT-Commerce - community made shopping
       http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte <a href="index.php?topic=3013.0">Forenregeln</a> beachten! ))

       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
       -----------------------------------------------------------------------------------------

       XTC5 Template & Stylesheets
       -----------------------------------------------------------------------------------------
       (c) 2007 Ing. Michael Fuerst
           bluegate communications
               http://www.(( Wir dulden keine kommerziellen Werbelinks - Bitte <a href="index.php?topic=3013.0">Forenregeln</a> beachten! ))
       ---------------------------------------------------------------------------------------*/


    /* THE BIG GUYS */
    * {
            margin:0;
            padding:0
    }
    body {
            font-family:Arial, Sans-serif;
            font-size:12px;
            margin:20px 0;
            padding:0;
            background: url(img/bg.gif) repeat-x #ccc;
            color:#555;
            line-height:18px;
    }
    /* HEADINGS */
    h1 {
            color:#000;
            font-weight:bold;
            font-size:18px;
            margin:20px 0 15px 0;
            padding:0 0 8px;
            width:auto;
            border: #ccc solid;
            border-width:0 0 1px 0;
    }
    h2 {
            color:#000;
            font-weight:bold;
            font-size:16px;
            margin:15px 0 8px 0;
            padding:0;
    }
    h3 {
            color:#555;
            font-weight:bold;
            font-size:12px;
    }
    /* LINKS GLOBAL */
    a, a:link, a:link, a:link, a:hover {
            background:transparent;
            text-decoration:none;
            outline: none;
            cursor:pointer;
    }
    a:link {
            color:#015b41;
            outline: none;
    }
    a:visited {
            color:#015b41;
            outline: none;
    }
    a:hover, a:active {
            color:#015b41;
            outline: none;
    }
    a:hover {
            color:#555;
            text-decoration:underline;
            outline: none;
    }
    a img {
            border:none;
            outline: none;
    }
    /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
    input {
            font-family:Arial, Sans-serif;
            font-size:12px;
    }
    textarea {
            font-family:Arial, Sans-serif;
            font-size:12px;
            border:1px solid #666;
            padding:10px;
            background:url(img/input_bg.gif) no-repeat;
    }
    select {
            font-family:Arial, Sans-serif;
            font-size:12px;
            border:1px solid #666;
    }
    /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
    input[type=text], input[type=password] {
            border:1px solid #666;
            padding:2px;
            background:url(img/input_bg.gif) no-repeat;
    }
    /* PARAGRAPH GLOBAL */
    p {
            margin:8px 0;
    }
    /* FAKE HR DIV CAUSE OF IE TROUBLES */
    div.hr {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:0;
            line-height:0;
            background-color:#4E4E4F;
    }
    div.hrlightgrey {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:0;
            line-height:0;
            background-color:#999;
    }
    div.hrproductpreview {
            padding-top:1px;
            height:0;
            overflow:hidden;
            margin:12px 0;
            display:inline;
            height:0;
            line-height:0;
            display:block;
            background-image:url(img/hr_productpreview.gif);
    }
    /* TABLE GLOBAL */
    table td {
            padding:2px;
    }
    /* WHOLE SITE WRAPPER */
    #wrap {
            width:1020px;
            background-color:#fff;
            border: #fff solid;
            border-width:0 10px 10px 10px;
            margin: 0 auto 10 px;
            margin-bottom:10px;
            -moz-border-radius:6px 6px 6px 6px;
                  -webkit-border-radius:6px 6px 6px 6px;  
                  border-radius:6px 6px 6px 6px;
                  behavior:url('templates/xtc5/javascript/PIE.htc');
    }
    /* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
    #header {
            height:115px;
            background: #015b41 url(img/top_logo.jpg) no-repeat;
            border-top: 10px solid #fff;
            border-bottom:1px solid #fff;
    }
    #header #logo {
            float:left
    }
    #header #search {
            width: 230px;
            height:75px;
            float:right;
            color:#fff;
            padding:30px 0 0 60px
    }
    #header #search a {
            color:#fff;
            font-size:11px;
            outline: none;
    }
    #header td {
            padding-top:1px;
            padding-right:4px;
    }
    /* BREADCRUMB PATH AS LIST */
    #breadcrumb {
            clear:both;
            color:#c64934;
            padding:1px 0 10px 15px;
            list-style-type:none;
            outline: none;
            height:22px;
            background: #fff url(img/bg_breadcrumb.gif) repeat-x;
            font-size:11px;
    }
    #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
            line-height:23px;
            text-decoration:none;
            outline: none;
            font-weight:normal;
            cursor:pointer;
            color:#333;
            margin:0;
            padding:0;
    }
    /* TOPMENU AS LIST */
    #topmenuwrap {
            background: #333 url(img/bg_topmenu.gif) repeat-x;
    }
    #topmenu {
            float:left;
            padding:0;
            margin:0;
            list-style-type:none;
            height:36px;
            font-size:13px;
            background: url(img/bg_topmenu.gif) repeat-x;
    }
    #topmenu li {
            height:36px;
            float:left;
            padding: 0 25px;
            margin:0;
            background: url(img/bg_topmenu_breakline.gif) no-repeat;
            background-position:right;
    }
    #topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
            line-height:36px;
            vertical-align:middle;
            text-decoration:none;
            outline: none;
            font-weight:bold;
            cursor:pointer;
            color:#fff;
            margin:0;
            padding:0;
    }
    #topmenu a:hover {
            color:#ccc;
    }
    /* LANGUAGE SELECTION IN TOPMENU LIST */
    #languages {
            text-align:right;
            height:26px;
            font-size:13px;
            background: url(img/bg_topmenu.gif) repeat-x;
            padding: 10px 10px 0 0;
            margin:0;
    }
    /* CONTENT WRAPPER */
    #contentwrap {
            clear:both;
            width:1020px;
            padding:0;
    }
    /* LEFT COLUMN */
    #leftcol {
            float:left;
            width:200px;
            padding:0 0 15px 0;
    }
    /* RIGHT COLUMN */
    #rightcol {
            float:right;
            width:200px;
            padding:0 0 15px 0;
    }
    /* MAIN CONTENT */
    #content {
            float:left;
            width:590px;
            padding:0 15px;
            margin-bottom:15px;
    }
    #contentfull {
            width:920px;
            padding:0 30px;
            margin-bottom:15px;
    }
    /* CATEGORY MENU */
    h2.categoryheader {
            background: #868686 url(img/bg_boxheader.gif);
            height:28px;
            font-size:12px;
            color:#fff;
            padding:2px 8px 0 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
            -moz-border-radius:6px 6px 0 0;
                  -webkit-border-radius:6px 6px 0 0;  
                  border-radius:6px 6px 0 0;
                  behavior:url('templates/xtc5/javascript/PIE.htc');
    }
    h2.categoryheader a {
            text-decoration:none;
            outline: none;
            color:#fff;  
    }
    ul#categorymenu {
            background-color:#ededed;
            margin-bottom:15px;
            border: solid #015b41;
            border-width:0 1px 1px 1px;
            -moz-border-radius:0 0 6px 6px;
                  -webkit-border-radius:0 0 6px 6px;  
                  border-radius:0 0 6px 6px;
                  behavior:url('templates/xtc5/javascript/PIE.htc');
    }
    ul#categorymenu li a.actparentlink { font-style:italic; }
    ul#categorymenu li a.actlink { font-style:italic; text-decoration:underline; }
    /* 1st TIER */
    ul#categorymenu li.level1 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0 0 0;
    }
    ul#categorymenu li.level1 a {
            text-decoration:none;
            outline: none;
            color:#3d3d3d;
                  background:#ccc;
            font-weight:bold;
            padding:4px 0 4px 6px;
            display:block;
    }
    ul#categorymenu li.level1 a:hover {
            text-decoration:none;
            color:#015b41;
                  background-color:#ededed;
            font-weight:bold;
    }
    ul#categorymenu li.level1 a.actlink { background:#fff; }
    /* 2nd TIER */
    ul#categorymenu li.level2 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0 0 0;
    }
    ul#categorymenu li.level2 a {
            text-decoration:none;
            outline: none;
            color:#333;
            background: url(img/dotted1.gif) no-repeat 8px 9px #e1e1e1;
            font-weight:bold;
            padding:4px 0 4px 18px;
            display:block;
    }
    ul#categorymenu li.level2 a:hover {
            text-decoration:none;
            color:#333;
            background-color:#c7c7c7;
            font-weight:bold;
    }
    ul#categorymenu li.level2 a.actlink { background:url(img/dotted1.gif) no-repeat 8px 9px #fff; }
    /* 3rd TIER */
    ul#categorymenu li.level3 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0 0 0;
    }
    ul#categorymenu li.level3 a {
            text-decoration:none;
            outline: none;
            color:#333;
            background: url(img/dotted1.gif) no-repeat 16px 9px #c7c7c7;
            font-weight:bold;
            padding:4px 0 4px 26px;
            display:block;
    }
    ul#categorymenu li.level3 a:hover {
            text-decoration:none;
            color:#333;
            background-color:#b3b3b3;
            font-weight:bold;
    }
    ul#categorymenu li.level3 a.actlink { background:url(img/dotted1.gif) no-repeat 16px 9px #fff; }
    /* 4th TIER */
    ul#categorymenu li.level4 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0 0 0;
    }
    ul#categorymenu li.level4 a {
            text-decoration:none;
            outline: none;
            color:#333;
            background: url(img/dotted1.gif) no-repeat 24px 9px #b3b3b3;
            font-weight:bold;
            padding:4px 0 4px 34px;
            display:block;
    }
    ul#categorymenu li.level4 a:hover {
            text-decoration:none;
            color:#333;
            background-color:#999;
            font-weight:bold;
    }
    ul#categorymenu li.level4 a.actlink { background:url(img/dotted1.gif) no-repeat 24px 9px #fff; }
    /* 5th TIER */
    ul#categorymenu li.level5 {
            list-style-type:none;
            border: solid #fff;
            border-width:1px 0 0 0;
    }
    ul#categorymenu li.level5 a {
            text-decoration:none;
            outline: none;
            color:#333;
            background: url(img/dotted1.gif) no-repeat 32px 9px #a2a2a2;
            font-weight:bold;
            padding:4px 0 4px 42px;
            display:block;
    }
    ul#categorymenu li.level5 a:hover {
            text-decoration:none;
            color:#333;
            background-color:#7e7e7e;
            font-weight:bold;
    }
    ul#categorymenu li.level5 a.actlink { background:url(img/dotted1.gif) no-repeat 32px 9px #fff; }
    /* CATEGORY IMAGE DEFINITION */
    img.imgLeft {
              float: left;
              margin:2px 10px 2px 0;
              position: relative;
    }
    /* BOXES GLOBAL DEFINITION */
    h2.boxheader {
            background: #868686 url(img/bg_boxheader.gif);
            height:28px;
            font-size:12px;
            color:#fff;
            padding:2px 8px 0 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
                  -moz-border-radius:6px 6px 0 0;
                  -webkit-border-radius:6px 6px 0 0;  
                  border-radius:6px 6px 0 0;
                  behavior:url('templates/xtc5/javascript/PIE.htc');      
    }
    h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
            text-decoration:none;
            outline: none;
            color:#fff;
    }
    .boxbody {
            background-color:#ededed;
            border: solid #015b41;
            border-width:0 1px 1px 1px;
            padding:8px;
            margin-bottom:15px;
            -moz-border-radius:0 0 6px 6px;
                  -webkit-border-radius:0 0 6px 6px;  
                  border-radius:0 0 6px 6px;
                  behavior:url('templates/xtc5/javascript/PIE.htc');
    }
    .boxbody h3, .boxbody h3 a {
            font-size:11px
    }
    .boxbody h3.center, .boxbody h3.center a {
            font-size:11px;
            text-align:center;
            outline: none;
    }
    .boxbody p {
            color:#000;
            font-size:11px;
            margin:6px 0;
    }
    .boxbody p.center {
            color:#000;
            font-size:11px;
            text-align:center;
            margin:6px 0;
    }
    .boxbody td {
            color:#000;
            font-size:11px;
            margin:6px 0;
    }
    .boxbody .productOldPrice {
            font-size:11px;
            color:#b01e28
    }
    .boxbody div.hr {
            margin: 5px 0;
    }
    .boxbody div.hrlightgrey {
            margin: 5px 0;
    }
    .boxbody a {
            font-size:11px;
            outline: none;
    }
    .boxbody .productboximage {
            border: solid 1px #999;
            padding:5px;
            background:#fff;
    }
    .boxbody ul.contentlist {
            margin-left:5px;
            margin-right:0;
            padding:0;
    }
    .boxbody ul.contentlist li {
            margin-left:0;
            padding:0;
            list-style-type:none;
    }
    .contentlist a {
            border-bottom:1px solid #ccc;
            display:block;
            padding:5px 0;
            outline: none;
    }
    /* CART BOX */
    h2.boxcartheader {
            background: #015b41 url(img/bg_boxheader_cart.gif);
            height:28px;
            font-size:12px;
            color:#fff;
            padding:2px 8px 0 8px;
            margin:0;
            line-height:28px;
            vertical-align:middle;
                  -moz-border-radius:6px 6px 0 0;
                  -webkit-border-radius:6px 6px 0 0;  
                  border-radius:6px 6px 0 0;
                  behavior:url('templates/xtc5/javascript/PIE.htc');      
    }
    h2.boxcartheader a {
            text-decoration:none;
            color:#fff;
            outline: none;
    }
    .boxcartbody {
            padding:4px 8px 4px 8px;
            margin-bottom:15px;
            background-color:#ededed;
            border: solid #015b41;
            border-width:0 1px 1px 1px;
            -moz-border-radius:0 0 6px 6px;
                  -webkit-border-radius:0 0 6px 6px;  
                  border-radius:0 0 6px 6px;
                  behavior:url('templates/xtc5/javascript/PIE.htc');
    }
    .boxcartbody p {
            font-size:11px;
    }
    /* PRODUCT PREVIEW */
    .productPreview {
            padding:0;
            margin:0;
    }
    .productPreviewContent {
            vertical-align:top;
    }
    .productPreviewContent h2 {
            padding: 0;
            margin:0 0 5px 0;
    }
    .productPreviewContent h2 a {
            font-size:14px;
            font-weight:bold;
            outline: none;
    }
    .productPreviewImage {
            vertical-align:top;
            padding:3px 15px 0 0;
    }
    .productPreviewImage img {
            border: solid 0 #999;
    }
    .productPreviewContent .price {
            font-size:16px;
            font-weight:bold;
            padding:0;
            margin:0;
    }
    .productPreviewContent .taxandshippinginfo {
            font-size:11px;
            font-weight:normal;
            color:#999;
            padding:0;
            margin:0;
    }
    .productPreviewContent .vpe {
            font-size:11px;
            font-weight:normal;
            color:#999;
            padding:0;
            margin:0;
    }
    .productPreviewContent .shippingtime {
            font-size:11px;
            font-weight:normal;
            color:#999;
            padding:0;
            margin:0;
    }
    .productPreviewContent .stockimage {
            margin:0;
            padding:0;
    }
    .productPreviewContent .stockimagetext {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#999;
    }
    .productPreviewContent .productOldPrice {
            font-size:12px;
            font-weight:bold;
            color:#b01e28;
    }
    .productPreviewContent .taxandshippinginfo a {
            font-size:11px;
            font-weight:bold;
            color:#999;
            text-decoration:underline;
            outline: none;
    }
    /* PRODUCT INFO / PRODUCT DETAILS */
    #productinfowrap {
            display:table;
            width:100%;
    }
    #productinfoimages {
            float:left;
            background-color:#ededed;
            text-align:center;
            width:140px;
            padding:10px;
            margin:0 10px 10px 0;
            border: solid 1px #999;
    }
    #productinfoimages .productimage {
            border: solid 1px #999;
    }
    #productinfoimages .hrlightgrey {
            margin: 6px 0;
    }
    #productinfoprice {
            padding:5px;
    }
    #productinfoprice img {
            cursor:pointer;
    }
    #productinfoprice .hrlightgrey {
            margin: 6px 0;
    }
    #productinfoprice .productprice {
            margin:0;
            padding:0;
            font-size:14px;
            font-weight:bold;
    }
    #productinfoprice .productOldPrice {
            color:#b01e28;
            margin:0;
            padding:0;
            font-size:12px;
            font-weight:bold;
    }
    #productinfoprice .taxandshippinginfo {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#999;
    }
    #productinfoprice .taxandshippinginfo a {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:bold;
            color:#999;
            text-decoration:underline;
            outline: none;
    }
    #productinfoprice .shippingtime {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#999;
    }
    #productinfoprice .stockimage {
            margin:0;
            padding:0;
    }
    #productinfoprice .stockimagetext {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:normal;
            color:#999;
    }
    p.productinfoproductadded {
            font-size:11px;
    }
    .productoptions {
            background-color:#f8f8f8;
            padding:6px;
            border: solid #ccc;
            border-width:1px 0 0 0;
    }
    .addtobasket {
            background-color:#ededed;
            padding:6px;
            text-align:right;
            border: #999 solid;
            border-width:1px 0 0 0;
    }
    /* POPUPS PRODUCTINFO */
    body.popupproductinfo {
            padding:15px;
            background: #fff none;
    }
    /* POPUP print_order.html */
    body.popupprintorder {
            font-family:Arial, Sans-serif;
            font-size:13px;
            padding:15px;
            background: #fff none;
    }
    body.popupprintorder .products tr.header td {
            font-weight:bold;
            background-color:#ededed;
    }
    body.popupprintorder .products .total {
            text-align:right;
    }
    body.popupprintorder .products .quantity {
            vertical-align:top;
    }
    body.popupprintorder .productname {
            vertical-align:top;
    }
    body.popupprintorder .model {
            vertical-align:top;
    }
    body.popupprintorder .singleprice {
            vertical-align:top;
    }
    body.popupprintorder .totalprice {
            vertical-align:top;
    }
    /* HIGHLIGHTBOX (BACKGROUND) */
    div.highlightbox {
            padding: 15px;
            background-color:#f8f8f8;
            border: solid #d9d9d9 1px;
            overflow:auto;
    }
    div.highlightbox ul {
            margin-left:15px;
            padding:0;
            display:block;
            list-style-type:square;
            line-height:20px;
    }
    div.highlightbox h1 {
            color: #015b41;
            padding:0 0 10px 0;
            margin:0;
            border:none;
            font-size:16px;
    }
    div.highlightbox div.hr {
            height:1px;
            line-height:1px;
            margin:0;
            padding:0;
            display:block;
            border-bottom: solid 1px #eee;
    }
    /* PAYMENT TYPE SELECTION */
    table.paymentblock {
            background-color:#f8f8f8;
            border: #eee solid;
            border-width:0 1px 1px 1px;
            margin-bottom:15px;
    }
    table.paymentblock tr td.header {
            background-color:#ccc;
            padding:2px;
            padding-left:5px;
            color:#fff;
            font-weight:bold;
    }
    /* SHIPPING TYPE SELECTION */
    table.shippingblock {
            background-color:#f8f8f8;
            border: #eee solid;
            border-width:0 1px 1px 1px;
            margin-bottom:15px;
    }
    table.shippingblock tr td.header {
            background-color:#ccc;
            padding:2px 2px 2px 5px;
            color:#fff;
            font-weight:bold;
    }
    table.shippingblock tr td {
            vertical-align:top;
    }
    table.shippingblock tr td.description {
            width:100%;
            vertical-align:top;
            padding-left:6px;
    }
    table.shippingblock tr td.radiobutton {
            vertical-align:top;
            white-space:nowrap;
            padding:4px;
    }
    table.shippingblock tr td.radiobutton input {
            margin:0;
            padding:0;
    }
    table.shippingblock tr td.price {
            vertical-align:top;
            white-space:nowrap;
    }
    /* ORDER DETAILS IN ACCOUNT HISTORY */
    table.accounthistoryinfoorderdetails tr td {
            vertical-align:top;
    }
    table.accounthistoryinfoorderdetails tr.header td {
            font-weight:bold;
    }
    /* MESSAGEBOX ON CONTACT SITE */
    textarea.message_body {
            width:130px;
    }
    /* DOWNLOAD BOX FOR USER DOWNLOADS */
    table.downloadbox {
            padding: 5px;
            background-color:#f8f8f8;
            border: solid #d9d9d9 1px;
            margin-bottom:8px;
    }
    table.downloadbox tr td.icon {
            padding-right: 15px;
    }
    table.downloadbox tr td.downloadlink {
            width:100%;
    }
    /* TABLE WICH SHOWS GRADUATED PRICES */
    table.graduatedprice {
            font-size:11px;
            text-align:left;
            margin-top:5px;
    }
    table.graduatedprice tr td.header {
            font-size:12px;
            font-weight:bold;
            text-align:left;
    }
    /* ORDER DETAILS */
    table.orderdetails {
            font-size:11px;
            background-color:#f8f8f8;
            border: #ccc solid;
            border-width:0 1px 1px 1px;
    }
    table.orderdetails tr td {
            padding:4px;
    }
    table.orderdetails tr.headerrow td {
            background-color:#ccc;
            color:#555;
            font-weight:bold;
    }
    table.orderdetails tr.headerrow td.left {
            text-align:left;
    }
    table.orderdetails tr.headerrow td.center {
            text-align:center;
    }
    table.orderdetails tr.headerrow td.right {
            text-align:right
    }
    /* ORDER DETAILS CONTENT ROW 1 */
    table.orderdetails tr.contentrow1 td {
            background-color:#f8f8f8;
            vertical-align:top;
    }
    table.orderdetails tr.contentrow1 td.quantity {
            text-align:center;
    }
    table.orderdetails tr.contentrow1 td.quantity input {
            font-size:11px;
            padding:2px;
            border:solid #ccc 1px;
    }
    table.orderdetails tr.contentrow1 td.productname {

            text-align:left;
    }
    /* ORDER DETAILS CONTENT ROW 2 */
    table.orderdetails tr.contentrow2 td {
            background-color:#f8f8f8;
            vertical-align:top;
    }
    table.orderdetails tr.contentrow2 td.quantity {
            text-align:center;
    }
    table.orderdetails tr.contentrow2 td.quantity input {
            font-size:11px;
            padding:2px;
            border:solid #ccc 1px;
    }
    table.orderdetails tr.contentrow2 td.productname {
            text-align:left;
    }
    /* ORDER DETAILS SINGLE PRICE */
    table.orderdetails tr td.singleprice {
            text-align:right;
            white-space:nowrap;
    }
    /* ORDER DETAILS TOTAL PRICE PER ITEM */
    table.orderdetails tr td.totalprice {
            text-align:right;
            white-space:nowrap;
    }
    /* ORDER DETAILS DELETE CHECKBOX */
    table.orderdetails tr td.delete {
            text-align:center;
            white-space:nowrap;
    }
    /* ORDER DETAILS PRODUCT ATTRIBUTES */
    table.orderdetails tr td.productname table.productattributes {
            margin-top:3px;
    }
    table.orderdetails tr td.productname table.productattributes tr td {
            padding:0;
    }
    table.orderdetails tr td.productname table.productattributes tr td.attribute {
            padding-right:4px;
    }
    table.orderdetails tr td.productname table.productattributes tr td.value {
            width:100%;
    }
    /* ORDER DETAILS SUBTOTAL */
    table.orderdetails tr td.subtotal {
            background-color:#f8f8f8;
            text-align:right;
            border: #ccc solid;
            border-width:1px 0 0 0;
    }
    /* PRODUCT NAVIGATOR */
    div.productnavigator {
            background-color:#ededed;
            padding:8px;
            border:#999 1px solid;
    }
    /* REVIEW LIST */
    table.reviewlist {
            background-color:#f8f8f8;
            border: #ccc solid;
            border-width:0 1px 1px 1px;
    }
    table.reviewlist tr td {
            padding:4px;
            white-space:nowrap;
    }
    table.reviewlist tr.header td {
            background-color:#ccc;
            color:#fff;
            font-weight:bold;
    }
    table.reviewlist tr.contentrow1 td {
            background-color:#f8f8f8;
    }
    table.reviewlist tr.contentrow2 td {
            background-color:#f8f8f8;
    }
    textarea#review {
            width:95%;
    }
    /* MEDIA LIST */
    table.medialist {
            background-color:#f8f8f8;
            border: #ccc 1px solid;
    }
    table.medialist tr td {
            padding:6px;
            vertical-align:top;
    }
    table.medialist tr.contentrow1 td {
            background-color:#f8f8f8;
    }
    table.medialist tr.contentrow2 td {
            background-color:#f8f8f8;
    }
    /* SITEMAP */
    .sitemapwrap .sitemapleft {
            background-color:#f8f8f8;
            border: #ccc 1px solid;
            display:table;
            float:left;
            width:235px;
            margin-bottom:15px;
    }
    .sitemapwrap .sitemapright {
            background-color:#f8f8f8;
            border: #ccc 1px solid;
            display:table;
            float:right;
            width:235px;
            margin-bottom:15px;
    }
    .sitemapheader {
            padding:3px;
            background-color:#ccc;
            color:#fff;
            font-weight:bold;
    }
    .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
            color:#fff;
            text-decoration:none;
            outline: none;
    }
    .sitemapcontent {
            padding:6px;
    }
    .sitemapcontent li {
            list-style-type:none;
    }
    /* COMMENTS ON CHECKOUT CONFIRMATION SITE */
    p.checkoutcomment textarea {
            width:100%;
    }
    /* ORDER DETAILS ON CHECKOUT SITE */
    table.checkoutconfirmationorderdetails {
            padding:0;
            margin:0 0 10px 0;
            border:none;
    }
    table.checkoutconfirmationorderdetails tr td.productname {
            width:100%;
            font-weight:bold;
    }
    table.checkoutconfirmationorderdetails tr td.shippingtime {
            padding:0 0 0 30px;
            color:#666;
            font-size:11px;
            font-weight:normal;
            white-space:nowrap;
    }
    table.checkoutconfirmationorderdetails tr td.productattributes {
            padding:0 0 0 30px;
            color:#666;
            font-size:11px;
            font-weight:normal;
    }
    table.checkoutconfirmationorderdetails tr td.productprice {
            white-space:nowrap;
            text-align:right;
    }
    table.checkoutconfirmationorderdetailstotal {
            padding:0;
            margin:10px 0 0 0;
            border:none;
    }
    table.checkoutconfirmationorderdetailstotal tr td.name {
            width:100%;
            text-align:right;
    }
    table.checkoutconfirmationorderdetailstotal tr td.value {
            white-space:nowrap;
            text-align:right;
    }
    /* AGB ON CHECKOUT SITE */
    p.checkoutagb textarea {
            width:100%;
    }
    /* CHECKOUT NAVIGATION */
    ul#checkoutnavigation {
            margin:0;
            padding:0;
            margin-top:15px;
    }
    ul#checkoutnavigation li {
            height: 70px;
            list-style-type:none;
            float:left;
            width:195px;
            margin-right:15px;
            border: solid 1px;
            padding:8px;
    }
    ul#checkoutnavigation li.active {
            background-color: #f8f8f8;
    }
    ul#checkoutnavigation li.active .number {
            font-size:20px;
            font-weight:bold;
    }
    ul#checkoutnavigation li.active .title {
            font-size:14px;
            font-weight:bold;
    }
    ul#checkoutnavigation li.active .description {
            font-size:11px;
    }
    ul#checkoutnavigation li.inactive {
            color:#999;
            background-color: #ededed;
            border-color:#999;
    }
    ul#checkoutnavigation li.inactive .number {
            font-size:20px;
            font-weight:bold;
    }
    ul#checkoutnavigation li.inactive .title {
            font-size:14px;
            font-weight:bold;
    }
    ul#checkoutnavigation li.inactive .description {
            font-size:11px;
    }
    /* ERROR MESSAGES */
    .errormessage {
            border: solid #b01e28 2px;
            padding:15px;
            background-color:#FFD6D6;
            margin-bottom:10px;
    }
    /* SUCCESS MESSAGE */
    .messageStackSuccess {
            padding:4px;
    background-color:#6f6;
    }
    /* FOOTER */
    .footer {
            clear:both;
            text-align:center;
            font-size:11px;
            color:#666;
            background-color:#E2E2E2;
            padding: 8px;
            margin-bottom:5px;
            border-bottom:2px solid #ccc;
    }
    .footer_tel {
            clear:both;
            text-align:center;
            font-size:12px;
            color:#b01e28;
            background-color:#E2E2E2;
            padding: 8px;
            margin-bottom:5px;
            border-bottom:2px solid #ccc;
    }
    .footer a {
            color:#666;
            text-decoration:underline;
            outline: none;
    }
    /* XTC COPYRIGHT */
    .copyright {
            margin: 0 auto;
            width:970px;
            text-align:center;
            color:#666;
            font-size:11px;
            padding:0 0 10px 0;
    }
    /* XTC ParseTime */
    .parseTime {
            margin: 0 auto;
            width:970px;
            text-align:center;
            color:#666;
            font-size:11px;
            padding:0 0 10px 0;
    }
    /* UPDATE CHANGES 17.10.2008 */
    /* Mehr Bilder unterhalb der Beschreibung */
    .morepics {
            background-color:#ededed;
            padding:6px;
            text-align:right;
            border: #999 solid;
            border-width:1px 0 0 0;
            display:block;
            height:auto;
            width:512px;
            float:left;
            margin-bottom:2px;
    }
    .morepics img {
            border: #999 1px solid;
            padding:4px;
            margin-right:8px;
            background:#fff;
            height:100px;
            width:auto;
            float:left;
            margin-bottom:8px;
    }
    /* BESTELLER BOX mit Bilder in DL DT Liste -- JUNG GESTALTEN.com */
    dt {
            float:left;
            width:40px;
    }
    dt img {
            border:1px solid #ccc;
            padding:2px;
            background:#fff;
            max-width:40px;
    }
    dd {
            float:right;
            width:125px
    }
    /* Vorschaubilder TD mit gleichem Abstand */
    /* BOF - dokuman - 2009-06-06 - Fix new products display in firefox - picture size is 120px by default */
    /*.productPreviewImage { width:100px; display:block } */
    .productPreviewImage {
            width:125px;
            display:block;
    }
    /* EOF - dokuman - 2009-06-06 - Fix new products display in firefox size is 120px by default */
    td.productPreviewContent {
            width:380px;
            text-align:left;
    }
    /* BOF - Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IM CONTENT */
    #content ol, #content ul {
            margin:10px 0 10px 14px;
    }
    /* EOF - Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IM CONTENT */
    /* BOF - Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IN DER DRUCKANSICHT */
    .popupproductinfo #productinfowrap ol, .popupproductinfo #productinfowrap ul {
            margin:10px 0 10px 186px;
    }
    /* EOF - Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IN DER DRUCKANSICHT */
    /* SEARCHBOX */
    .search_header {
            line-height:normal;
    }
    /* BOF - Tomcraft - 2009-10-02 - Include "Single Price" in checkout_confirmation */
    td.main_row {
            border-top: 1px solid #ccc;
    }
    /* EOF - Tomcraft - 2009-10-02 - Include "Single Price" in checkout_confirmation */
    /* BOF - Hetfield - 2010-01-20 - Remove agb-textarea from checkout_payment */
    div.agbframe {
            width:100%;
            height:200px;
            overflow:auto;
            padding:10px;
            background:url(img/input_bg.gif) no-repeat;
            border:1px solid #666;
    }
    /* EOF - Hetfield - 2010-01-20 - Remove agb-textarea from checkout_payment */
    /* BOF - web28 - 2010-04-29 - fix ol and ul Tag  in checkout_payment agbframe */
    ol#address_block, div.agbframe ol, div.agbframe ul  {
            margin-left:30px;
    }
    /* EOF - web28 - 2010-04-29 - fix ol and ul Tag  in checkout_payment agbframe */

     /* BOF - web28 - 2010-07-25 - NO JAVASCRIPT FALLBACK für TABS/ACCORDION in product_info */
    #tabbed_product_info ul,#accordion_product_info h3 a {
    display:none;
    }

    #tabbed_product_info .morepics {
    background-color:#ededed;
    padding:6px;
    border-width:1px 0 0 0;
    width:512px;
    margin-bottom:17px;
    }
    /* EOF - web28 - 2010-07-25 - NO JAVASCRIPT FALLBACK für TABS/ACCORDION in product_info */

    /* BOF - web28 - 2010-07-25 - FIX DER AUFZÄHLUNGEN IM CONTENT  für TABS/ACCORDION in product_info */
    #tab_description ol, #tab_description ul, #accordion_product_info ol, #accordion_product_info ul{
    margin:10px 0 10px 22px;
    display:block;
    }
    h3.tab_title{
            color:#555555;
            font-weight:bold;
            font-size:13px;
            margin-bottom: 1em;
    }
    /* EOF - web28 - 2010-07-25 - FIX DER AUFZÄHLUNGEN IM CONTENT  für TABS/ACCORDION in product_info */

    /* BOF - Intelli Search suggest list layout*/
    div#intelliSearchResult {
            /*position:absolute;*/
            position:relative; top:-110px; left:36px;
            width:233px;
            z-index:999;
      background-color: transparent;
            background-image:url(img/intelliSearch_bg.png);
            padding:5px;
            margin:14px 0px 0px -35px;
            border:2px solid #015b41;
            display:none;
            visibility:hidden;
    }

    div#intelliSearchResult a {
            display:block;
            padding:3px 3px 3px 3px;
            border-style:dotted;
            border-color:#015b41;
            border-width:0px 0px 1px 0px;
            font-size:11px;
    }

    div#intelliSearchResult a:hover {
            display:block;
            background-image:url(img/intelliSearch_hover_bg.png);
            text-decoration:none;
    /* EOF - Intelli Search suggest list layout*/
    }
    /*best_offer*/
    a.best_offer:link, a.best_offer:visited, a.best_offer:active {
            background: #f8f8f8;
            border: 1px solid #8c8c8c;
            padding: 4px;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-style: normal;
            font-weight: bold;
            color: #616161;
            text-decoration: none;
            cursor: pointer;
    }
    /* BOF popcart */
    #popCart {
            position: absolute;
            top: 40%;
            left: 50%;
            width: 560px;
            margin-left: -299px;
            background: #ededed;
            border: 1px solid #000;
            color: #000;
            z-index: 100000;
            display: none;
            padding: 10px 10px 25px 10px;
            -moz-border-radius:6px 6px 6px 6px;
            -webkit-border-radius:6px 6px 6px 6px;  
            border-radius:6px 6px 6px 6px;
    }
    .popup_header {
            font-family: Arial, Sans-serif;
            font-size: 1.0em;
            font-weight: bold;
            text-align: center;
            vertical-align:bottom;
            padding: 3px 10px;
            border: 1px solid #ccc;
            margin: 0px auto;
            width: 380px;
            background-color: #015b41;
            color: #fff;
            -moz-border-radius:6px 6px 6px 6px;
            -webkit-border-radius:6px 6px 6px 6px;  
            border-radius:6px 6px 6px 6px;
    }
    .popup_image {
            font-family: Tahoma, Verdana, Arial, sans-serif;
            font-size: 0.9em;
            text-align: center;
            color: #000;
            margin: 10px auto;
            padding: 5px;
    }
    .cart_symbol {
            height: 42px;
            width: 48px;
            float: left;
            background-image: url(img/shopping_cart.gif);
            background-position: left;
            background-repeat: no-repeat;
    }
    .cart_contents {
            font-family: Arial, Sans-serif;
            font-size: 0.9em;
            text-align: center;
            color: #000;
            height: 42px;
    }
    #pop_buttons_box {
            font-family: Arial, Sans-serif;
            font-size: 1.0em;
            text-align: center;
            width: 560px;
            height: 28px;
            vertical-align:bottom;
            margin: 10px auto 0 auto;
    }
    .close_button {
            float: left;
            width: 160px;
            border: 1px solid #000;
            background-color: #ccc;
            color: #000;
            -moz-border-radius:6px 6px 6px 6px;
            -webkit-border-radius:6px 6px 6px 6px;  
            border-radius:6px 6px 6px 6px;
    }
    .cart_button {
            float: right;
            width: 160px;
            border: 1px solid #000;
      background-color: #ccc;
            color: #000;
            -moz-border-radius:6px 6px 6px 6px;
            -webkit-border-radius:6px 6px 6px 6px;  
            border-radius:6px 6px 6px 6px; 
    }
    /* EOF popcart */

    /* BOF boxes footer */
    .abstand {
            background:#FFFFFF none repeat scroll 0 0;
            clear:both;
            height:15px;
    }
     
    #bottom {
            background-color:#EDEDED;
            border-color:#CCCCCC;
            border-style:solid;
            border-width:1px 1px 1px;
            clear: both;
            float: left;
            width: 1018px;
            height: 100%;
            font-size: 0.9em;
            text-align: left;
            color: #383838;
    }
    #bottom-divs {
            float: left;
            clear: both;
            margin: 0;
            padding: 20px;
    }
    #bottom-left,
    #bottom-mid,
    #bottom-right {
            width: 27%;
            padding: 0px 0 20px 60px;
            float: left;
    }
    #bottom h2 {
            margin: 0 0 10px 0;
            padding: 0 0px;
            font-size: 1.6em;
            color: #015b41;
    }
    #bottom h2 span {
            color: #1474b4;
    }
    #bottom ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            border-top: 1px solid #ccc;
    }
    #bottom ul li {
            line-height: 26px;
            border-bottom: 1px solid #ccc;
    }
    #bottom ul li a {
            display: block;
            padding: 0 10px;
            color: #383838;
            text-decoration: none;
            outline: none;
    }
    #bottom ul li a:hover {
            background: #CCCCCC;
            outline: none;
    }
    #bottom-sep {
            clear: both;
    }
    div#bottom h2.boxheader {
            background: none;
    }
    div#bottom .boxbody {
            border: none;
            padding: 0px;
            margin: 0px;
    }
    div#bottom .boxbody ul.contentlist {
            margin: 0px;
    }
     
    div#bottom .contentlist a {
            border: none;
    }
    /* EOF boxes footer */


    Linkback: https://www.modified-shop.org/forum/index.php?topic=20686.0

    hedon02

    • Viel Schreiber
    • Beiträge: 618
    Re: Shop nach links verschoben
    Antwort #1 am: 20. Juni 2012, 16:15:23
     :lol: "css" ohne "html" ist nun wirklich zu viel verlangt. Ich kann Dir sagen das Dein "contentwrap" keine "width" braucht, aber daran wirds nicht liegen.  :whistle:

    Wenn das Layout nach links verschoben ist, liegt es oft an einer falschen Breite (beachte "padding" u.ae.) irgendwo, oder einem falsch bzw. nicht geschlossenen "html-tag". (zumindest meine Erfahrung)

    Fehlersuche ist 99% nur Fleissarbeit... .

    Gruss

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 14.006
    • Geschlecht:
    Re: Shop nach links verschoben
    Antwort #2 am: 20. Juni 2012, 21:35:40
    Code: CSS  [Auswählen]
    #wrap {margin: 0 auto 10 px;}
    geht gar nicht.
    Leerzeichen zwischen Wert und px wird nicht verstanden...

    Gruß,
    noRiddle

    piru

    • Fördermitglied
    • Beiträge: 1.263
    • Geschlecht:
    Re: Shop nach links verschoben
    Antwort #3 am: 21. Juni 2012, 08:08:35
    @noRiddle,
    das war's, top!  :thumbs:

    Vielen dank!!!

    Gruß piru

    piru

    • Fördermitglied
    • Beiträge: 1.263
    • Geschlecht:
    Re: Shop nach links verschoben
    Antwort #4 am: 21. Juni 2012, 11:03:39
    Und bei mergen mit der original Datei habe den Fehler nicht gefunden weil ich die Option "Leerzeichnen ignorieren" geklickt habe (muss aber so sein).

    Danke nochmal noRiddle!

    Gruß piru

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 14.006
    • Geschlecht:
    Re: Shop nach links verschoben
    Antwort #5 am: 21. Juni 2012, 15:21:41
    In solchen Fällen ist Firebug einfacher.
    Wenn der Shop komplett verschoben ist muß man ja nur nach dem Haupt-Container suchen.
    Das ist halt id="wrap" bei dir.

    Gruß,
    noRiddle

    piru

    • Fördermitglied
    • Beiträge: 1.263
    • Geschlecht:
    Re: Shop nach links verschoben
    Antwort #6 am: 22. Juni 2012, 13:54:52
    Ich kann Dir sagen das Dein "contentwrap" keine "width" braucht, aber daran wirds nicht liegen.  :whistle:

    @hedon02,
    ich habe das gemacht des wegen:

    Zum Ändern der Breite des Shops sind folgende Werte in der "stylesheet.css" anzupassen:

    Code: CSS  [Auswählen]
    #wrap {
    width:980px;
    ...
    }
    #contentwrap {
    ...
    width:980px;
    ...
    }
    #content {
    ...
    width:525px;
    ...
    }
    #contentfull {
    width:920px;
    ...
    }

    Grüße

    Torsten

    Gruß piru
    1 Antworten
    1983 Aufrufe
    24. September 2012, 14:10:20 von Maggel
    9 Antworten
    3719 Aufrufe
    31. Januar 2010, 17:46:22 von Tomcraft
    3 Antworten
    2921 Aufrufe
    07. März 2011, 22:15:30 von Tomcraft
               
    anything