Thema: Template darstellungsprobleme bitte um Hilfe !

Whitechillz · **am:** 22. Juni 2012, 13:14:48

Hallo,

es geht um das Template ART 208_7 mit den Slidern oben.
Hab das Template super hinbekommen, kann es euch leider noch nicht zeigen.

Im Firefox wird alles perfekt dargestellt, im Internetexplorer hingegen ist die komplette Seite linksbündig verschoben. Nach langen googeln ist jetzt klar das die Seite automatisch im Quirks Modus läuft.
Simuliere ich mit F12 IE 7-8-9 ist alles richtig. Aber wie kann ich nun den Quirks Modus unterbinden ?

Es sollte doch der DOCTYPE sein oder ? und der müsste doch in der index.html vom Template sein ?
Da ist keiner !

Eintragen von :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

ohne Ergebnis, da meine html Kenntnisse eher auf Google Basieren

völlig ahnungslos
oder liegt das an der CSS ? Verstehe nur nicht das im Firefox oder Simulierten IE alles geht

Template index.html

Code: PHP [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}

<div id="usermenu">
<div id="user">
<a href="{$index}">{#link_index#}</a>
<a href="{$cart}">{#link_cart#}</a>
{if $account}<a href="{$account}">{#link_account#}</a>{/if}
{if $smarty.session.customers_status.customers_status_id == '1'}<a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a>{/if}
<a href="{$checkout}">{#link_checkout#}</a>
{if $smarty.session.customer_id}<a href="{$logoff}">{#link_logoff#}</a>
{else}
<a href="{$login}">{#link_login#}</a>{/if}
</div>
<div id="search">{$box_SEARCH}</div>
<div style="clear: both;"></div>
</div>

<div id="header">
<div id="logo"><img src="{$tpl_path}img/logo.png" alt="{$store_name}" /></div>
<div id="warenkorb">{$box_CART}</div>
</div>

<div id="topmenuwrap"><ul id="menu" class="sf-menu">{$box_CATEGORIES_SUPERFISH}</ul></div>

<div id="wrap">
{if strstr ($smarty.server.PHP_SELF, 'index')}
{if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
<div id="sliderwrap">
<div id="slider">
<div id="mask-gallery">
<ul id="gallery">
<li><img src="{$tpl_path}img/slider/slider1.jpg" width="960" height="300" alt=""/></li>
<li><img src="{$tpl_path}img/slider/slider2.jpg" width=960" height="300" alt=""/></li>
<li><img src="{$tpl_path}img/slider/slider3.jpg" width="960" height="300" alt=""/></li>
<li><img src="{$tpl_path}img/slider/slider4.jpg" width="960" height="300" alt=""/></li>

Stylesheet.css

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:0px;
background: #070B16;
color:#555;
line-height:18px;
}
/* HEADINGS */
h1 {
color:#070B16;
font-weight:bold;
font-size:18px;
margin:20px 0px 15px 0px;
width:auto;
padding-bottom:8px;
}
h2 {
color:#777;
font-weight:bold;
font-size:14px;
padding: 3px;
}

h3 {
color:#555555;
font-weight:bold;
font-size:12px;
}
/* LINKS GLOBAL */
a, a:link, a:hover {
background:transparent;
text-decoration:none;
outline: none;
cursor:pointer;
}
a:link {
color:#105590;
outline: none;
}
a:visited {
color:#105590;
outline: none;
}
a:hover, a:active {
color:#893769;
outline: none;
}
a:hover {
color:#555;
text-decoration:underline;
outline: none;
}
a img {
border:none;
outline: none;
}
/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {
}
textarea {
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 #dadada;
padding:2px;
}
/* PARAGRAPH GLOBAL */
p {
margin:8px 0px;
}
/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0px;
background-color:#4E4E4F;
}
div.hrlightgrey {
padding-top:1px;
height:0;
overflow:hidden;
margin:0;
line-height:0px;
background-color:#999;
}
div.hrproductpreview {
padding-top:1px;
height:0;
overflow:hidden;
margin:12px 0px;
display:inline;
height:0px;
line-height:0px;
display:block;
background-image:url(img/hr_productpreview.gif);
}
/* TABLE GLOBAL */
table td {
padding:2px;
}
/* WHOLE SITE WRAPPER */
#wrap {
margin: 0 auto;
width:980px;
margin-bottom:10px;
margin-top:5px;
}
/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */
#header {
height:80px;
width: 980px;
margin: auto;
}
#header #logo {
float:left;
width: 320px;
}
#header #warenkorb{
float: right;
width: 230px;
padding-left: 3px;
margin-top: 25px;
}
#search {
float:left;
margin: 0px;
width: 400px;
height: 26px;
font-size: 16px;
}
#usermenu{background: #2A323F; width: 980px; margin: auto;}
#search input[type="text"] {font-size: 14px; color: #ccc; width: 200px; height: 18px; background: #4D637B; border: 1px solid #2A323F;}
#search a {
color:#ccc;
font-size:13px;
outline: none;
}
#header td {
padding-top:1px;
padding-right:4px;
}
/* BREADCRUMB PATH AS LIST */
#breadcrumb {
clear:both;
color:#555;
margin-bottom: 10px;
list-style-type:none;
outline: none;
font-size:11px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
text-decoration:none;
outline: none;
font-weight:normal;
cursor:pointer;
color:#555;
}
/* TOPMENU AS LIST */
#topmenuwrap {
width: 980px;
margin: 10px auto ;
height: 40px;
}
/* LANGUAGE SELECTION IN TOPMENU LIST */
#languages {
text-align:right;
height:26px;
font-size:13px;
padding: 7px 10px 0px 10px;
margin:0;
float: right;
}
/*user*/
#user{
height:30px;
font-size:13px;
padding: 2px 0px 0px 0px;
float: left;
width: 500px
}
#user a:link, #user a:visited{
display: block;
float: left;
padding: 0 10px 0 10px;
border-right: 1px solid #ccc;
color: #ccc;
height: 20px;
margin: 3px;
}
/* CONTENT WRAPPER */
#contentwrap {
clear:both;
width:960px;
margin: auto ;
padding: 10px;
background: #D3D5D9;
}

/* RIGHT COLUMN */
#rightcol {
float:right;
width:200px;
padding: 10px;
}
/* MAIN CONTENT */
#content {
float:left;
width:730px;
padding: 0 5px 0 0 ;
margin-bottom:15px;
}
#contentfull {
width:920px;
padding:0px 30px;
margin-bottom:15px;
}
/* CATEGORY MENU */
h2.categoryheader {
background: #efefef;
height:28px;
font-size:12px;
color:#555;
padding:2px 8px 0px 8px;
margin:0;
line-height:28px;
vertical-align:middle;
}
h2.categoryheader a {
text-decoration:none;
outline: none;
color:#fff;
}
ul#categorymenu {
background-color:#EDEDED;
margin-bottom:15px;
}
/* 1st TIER */
ul#categorymenu li.level1 {
background: #fff;
list-style-type:none;
border: dashed #999;
border-width:0px 0px 1px 0px;
}
ul#categorymenu li.level1 a {
text-decoration:none;
outline: none;
color:#333;
background:#fff;
font-weight:bold;
padding:4px 0px 4px 6px;
display:block;
}
ul#categorymenu li.level1 a:hover {
text-decoration:none;
color:#333;
background-color:#e1e1e1;
font-weight:bold;
}
/* 2nd TIER */
ul#categorymenu li.level2 {
list-style-type:none;
border: solid #fff;
border-width:1px 0px 0px 0px;
}
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 0px 4px 18px;
display:block;
}
ul#categorymenu li.level2 a:hover {
text-decoration:none;
color:#333;
background-color:#c7c7c7;
font-weight:bold;
}
/* 3rd TIER */
ul#categorymenu li.level3 {
list-style-type:none;
border: solid #fff;
border-width:1px 0px 0px 0px;
}
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 0px 4px 26px;
display:block;
}
ul#categorymenu li.level3 a:hover {
text-decoration:none;
color:#333;
background-color:#b3b3b3;
font-weight:bold;
}
/* 4th TIER */
ul#categorymenu li.level4 {
list-style-type:none;
border: solid #fff;
border-width:1px 0px 0px 0px;
}
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 0px 4px 34px;
display:block;
}
ul#categorymenu li.level4 a:hover {
text-decoration:none;
color:#333;
background-color:#999;
font-weight:bold;
}
/* 5th TIER */
ul#categorymenu li.level5 {
list-style-type:none;
border: solid #fff;
border-width:1px 0px 0px 0px;
}
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 0px 4px 42px;
display:block;
}
ul#categorymenu li.level5 a:hover {
text-decoration:none;
color:#333;
background-color:#7e7e7e;
font-weight:bold;
}
/* CATEGORY IMAGE DEFINITION */
img.imgLeft {
float: left;
margin: 2px 10px 2px 0px;
}

.cat_desc {margin: 10px 10px 10px 0; background: #fff;}
.productname_h1{background:#2A323F; color: #fff; padding: 10px; }
/* BOXES GLOBAL DEFINITION */
.bestseller{float: left; margin:10px 10px 0 0; width: 210px; background: #efefef; padding: 10px;}
.bestseller img{float: left; margin: 5px;}

h2.boxheader {
height:30px;
font-size:13px;
color:#000;
padding:0px 0px 0px 5px;
margin:0;
line-height:28px;
vertical-align:top;
border-color: #fff;
border-style: solid;
border-width: 1px 1px 0 1px;
}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
text-decoration:none;
outline: none;
color:#000;
}
.boxbody {
background-color:#efefef;
margin-bottom:15px;
padding: 5px;
border-color: #fff;
border-style: solid;
border-width: 0px 1px 1px 1px;
}
.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:#000000;
font-size:11px;
margin:6px 0px;
}
.boxbody p.center {
color:#000000;
font-size:11px;
text-align:center;
margin:6px 0px;
}
.boxbody td {
color:#000000;
font-size:11px;
margin:6px 0px;
}
.boxbody .productOldPrice {
font-size:11px;
color:#FF0000
}
.boxbody div.hr {
margin: 5px 0px;
}
.boxbody div.hrlightgrey {
margin: 5px 0px;
}
.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:0px;
padding:0;
list-style-type:none;
}
h2.boxheader1 {
height:30px;
font-size:13px;
padding:0px 0px 0px 5px;
margin-top: 5px;
line-height:28px;
vertical-align:top;
color: #2A323F;
}
h2.boxheader1 a:link, h2.boxheader1 a:hover, h2.boxheader1 a:active, h2.boxheader1 a:visited {
text-decoration:none;
outline: none;
color: #2A323F;
}
.boxbody1 {
padding:8px;
margin-bottom:15px;
}
.boxbody1 h3, .boxbody h3 a {
font-size:11px
}
.boxbody1 h3.center, .boxbody h3.center a {
font-size:11px;
text-align:center;
outline: none;
}
.boxbody1 p {
color:#000000;
font-size:11px;
margin:6px 0px;
}
.boxbody1 p.center {
color:#000000;
font-size:11px;
text-align:center;
margin:6px 0px;
}
.boxbody1 td {
color:#000000;
font-size:11px;
margin:6px 0px;
}
.boxbody1 .productOldPrice {
font-size:11px;
color:#FF0000
}
.boxbody1 div.hr {
margin: 5px 0px;
}
.boxbody1 div.hrlightgrey {
margin: 5px 0px;
}
.boxbody1 a {
font-size:11px;
outline: none;
}
.boxbody1 .productboximage {
border: solid 1px #999;
padding:5px;
background:#fff;
}
.boxbody1 ul.contentlist {
margin-left:5px;
margin-right:0;
padding:0;
}
.boxbody1 ul.contentlist li {
margin-left:0px;
padding:0;
list-style-type:none;
}
.contentlist a {
display:block;
padding:5px 0;
outline: none;
color: #555;
}
/* CART BOX */
h2.boxcartheader {
height:25px;
font-size:12px;
color:#dadada;
margin:0;
line-height:25px;
vertical-align:middle;
text-align: right;
}
h2.boxcartheader a {
text-decoration:none;
color:#dadada;
outline: none;
}
.boxcartbody {
padding:3px;
text-align: right;
color: #ccc;
}
.boxcartbody p {
font-size:11px;
}
/* PRODUCT PREVIEW */
.productPreview {
float: left;
margin:0px 10px 10px 0;
width: 343px;
border: 1px solid #dadada;
background: #EFEFEF;
padding: 5px;
min-height: 200px;
}
.productPreviewContent {
vertical-align:top;
}
.productPreviewContent h2 {
padding: 0;
margin:0px 0px 5px 0px;
}
.productPreviewContent h2 a {
font-size:14px;
font-weight:bold;
outline: none;
}
.productPreviewImage {
vertical-align:top;
padding:5px;
float: left;
}
.productPreviewImage img {
border: solid 0px #999;
}
.productPreviewContent .price {
font-size:12px;
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:#ff0000;
}
.productPreviewContent .taxandshippinginfo a {
font-size:11px;
font-weight:bold;
color:#999;
text-decoration:underline;
outline: none;
}
/* PRODUCT INFO / PRODUCT DETAILS */
#productinfowrap {
width:700px;
margin: auto;
background: #fff;
padding: 15px;
}
.productinfo_img{
width: 250px;
float: left;
}
.productinfo_pr{
float: right;
width: 350px;
}
#productinfoimages {
float:left;
background-color:#EDEDED;
text-align:center;
width:140px;
padding:10px;
margin:0px 10px 10px 0px;
border: solid 1px #999;
}
#productinfoimages .productimage {
border: solid 1px #999;
}
#productinfoimages .hrlightgrey {
margin: 6px 0px;
}
#productinfoprice {
padding:5px;
text-align: right;
}
#productinfoprice img {
cursor:pointer;
}
#productinfoprice .hrlightgrey {
margin: 6px 0px;
}
#productinfoprice .productprice {
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
color: #555;
}
#productinfoprice .productOldPrice {
color:#FF0000;
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 0px 0px 0px;
}
.addtobasket {
padding:6px;
text-align:right;
}
.addtobasket input[type="text"] {height: 27px; padding: 0 0 0 4px;}
/* POPUPS PRODUCTINFO */
body.popupproductinfo {
padding:15px;
background: #fff none;
}
/* POPUP print_order.html */
body.popupprintorder {
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:#D3D5D9;
border: solid #fff 1px;
overflow:auto;
}
div.highlightbox ul {
margin-left:15px;
padding:0;
display:block;
list-style-type:square;
line-height:20px;
}
div.highlightbox h1 {
color: #105590;
padding:0px 0px 10px 0px;
margin:0;
border:none;
font-size:16px;
}
div.highlightbox div.hr {
height:1px;
line-height:1px;
display:block;
background: #dadada;
}
/* PAYMENT TYPE SELECTION */
table.paymentblock {
background-color:#f8f8f8;
border: #eee solid;
border-width:0px 1px 1px 1px;
margin-bottom:15px;
}
table.paymentblock tr td.header {
background-color:#ccc;
padding:2px;
padding-left:5px;
color:#000;
font-weight:bold;
}
/* SHIPPING TYPE SELECTION */
table.shippingblock {
background-color:#f8f8f8;
border: #eee solid;
border-width:0px 1px 1px 1px;
margin-bottom:15px;
}
table.shippingblock tr td.header {
background-color:#ccc;
padding:2px 2px 2px 5px;
color:#000;
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:0px 1px 1px 1px;
}
table.orderdetails tr td {
padding:4px;
}
table.orderdetails tr.headerrow td {
background-color:#070B16;
color:#ccc;
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:0px;
}
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 0px 0px 0px;
}
/* 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:0px 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;
white-space:nowrap;
vertical-align:top;
}
table.medialist tr.contentrow1 td {
background-color:#f8f8f8;
}
table.medialist tr.contentrow2 td {
background-color:#f8f8f8;
}
/* SITEMAP */
.sitemapwrap {
}
.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 */
.checkout_l{
float: left;
margin: 0 5px 0 0;
width: 400px;
}
.checkout_r{
float: right;
margin: 0 0 0 5px;
width: 400px;
}
p.checkoutcomment textarea {
width:100%;
}
/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {
padding:0;
margin:0px 0px 10px 0px;
border:none;
}
table.checkoutconfirmationorderdetails tr td.productname {
width:100%;
font-weight:bold;
}
table.checkoutconfirmationorderdetails tr td.shippingtime {
padding:0px 0px 0px 30px;
color:#666;
font-size:11px;
font-weight:normal;
white-space:nowrap;
}
table.checkoutconfirmationorderdetails tr td.productattributes {
padding:0px 0px 0px 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 0px 0px 0px;
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 #ff0000 2px;
padding:15px;
background-color:#FFD6D6;
margin-bottom:10px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
padding:4px;
background-color:#66FF66;
}
/* FOOTER */
.footer {
clear:both;
text-align:center;
font-size:11px;
color:#666;
background-color:#E2E2E2;
padding: 8px;
}
.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:0px 0px 10px 0px;
}
/* XTC ParseTime */
.parseTime {
margin: 0 auto;
width:970px;
text-align:center;
color:#666;
font-size:11px;
padding:0px 0px 10px 0px;
}
/* UPDATE CHANGES 17.10.2008 */
/* Mehr Bilder unterhalb der Beschreibung */
.morepics {
padding:6px;
text-align:right;
display:block;
height:auto;
float:left;
margin-top:10px;
}
.morepics img {
border: #999 1px solid;
margin-right:8px;
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:120px;
display:block;
}
/* EOF - dokuman - 2009-06-06 - Fix new products display in firefox size is 120px by default */
td.productPreviewContent {
width:400px;
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 {

}
/* BOF - Dokuman - 2009-08-21 - Better layout on multiple shipping/billing addresses */
ol#address_block {
margin-left:30px;
}
/* EOF - Dokuman - 2009-08-21 - Better layout on multiple shipping/billing addresses */
/* 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 */
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-09 - fix für TABS/ACCORDION in product_info */
#tabbed_product_info ul{
margin:0px 0px 0px 0px;
}
#tabbed_product_info, #accordion_product_info{
margin: 20px auto;
width: 730px;
}
#tabbed_product_info .morepics {
width: 700px;
}

#accordion_product_info .morepics {

}
/* EOF - web28 - 2010-07-09 - fix für TABS/ACCORDION in product_info */
.info{width: 224px; float: left; margin: 10px; border-right: 1px solid #fff;}
.info1{width: 225px; float: left; margin: 10px;}
.infowrap{background: #D3D5D9; margin-top: 10px;}

/*Menu*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 18px;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 100%; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {

}
.sf-menu li a {
padding: .75em 2em .75em .2em;
text-decoration:none;
font-weight:bold;
}

.sf-menu li li a {
padding: .75em 1em;
text-decoration:none;
font-weight:normal;
border: none;
}
.sf-menu li a, .sf-menu li a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #ccc;
font-size: 14px;
}
.sf-menu li {
/*background: url("img/bg_topmenu.gif") repeat-x scroll 0 0 #333333; */
}
.sf-menu li li {
background: #070B16;
}

.sf-menu li a:hover, .sf-menu li.sfHover{
outline: 0;
color: #fff;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
color: #fff;

}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li a:focus, .sf-menu li li a:hover, .sf-menu li a:active {
outline: 0;
color: #fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: none;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
li li .sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url("img/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url("img/shadow.png") no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
#slider {
/* You MUST specify the width and height */
width:960px;
height:300px;
position:relative;
overflow:hidden;
margin: 10px auto;
}

#mask-gallery {

overflow:hidden;
}
#gallery {

/* Clear the list style */
list-style:none;
margin:0;
padding:0;

z-index:0;

/* width = total items multiply with #mask gallery width */
width:3600px;
overflow:hidden;
}

#gallery li {
/* float left, so that the items are arrangged horizontally */
float:left;
}

#mask-excerpt {
/* Set the position */
position:absolute;
top:0;
left:0;
z-index:500px;

/* width should be lesser than #slider width */
width:300px;
overflow:hidden;

}

#excerpt {
/* Opacity setting for different browsers */
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;

/* Clear the list style */
list-style:none;
margin:0;
padding:0;

/* Set the position */
z-index:10;
position:absolute;
top:0;
left:0;

/* Set the style */
width:300px;
background-color:#000;
overflow:hidden;
color:#fff;
}

#excerpt li {
padding:5px;
}

.clear {
clear:both;
}
#sliderwrap{width: 980px; float: left; background: #D3D5D9; border-top: 5px solid #000; margin: 5px auto;}
#buttons{margin-top: 5px; text-align:center; }
}

Vlt könnt ihr mir ja bitte einen Tipp geben.

Vielen Dank

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

Modulfux · **Antwort #1 am:** 22. Juni 2012, 13:57:02

Link zum Shop wäre besser, weil man anhand der Fehlermeldungen besser suchen kann.

Gruß
Ronny

Whitechillz · **Antwort #2 am:** 22. Juni 2012, 14:44:07

Hast du natürlich recht Ronny,

da der Shop noch Offline und schon ein Warenangebot eingepflegt wurde ist dies jetzt leider nicht möglich, darf ihn noch nicht online setzen, somit nicht sichtbar machen.

Ein schwieriges Unterfangen, aber die Fragestellung an sich ist ja :

Welcher Umstand zwingt den IE in den Quirks Modus, da die normalen Modis funktionieren....
Quirks im IE 9 ist = IE 5 Simuliert.
Es muss ja das Template sein somit kann es ja nur die Index oder css sein.

Sagt euch "DOCTYPE" überhaupt etwas in diesem Zusammenhang ?

Eine Hilfestellung zur Suche wäre ganz nett *g*
teste mal XY oder schau mal in der XY

Natürlich ist die Frage "Hey warum ist meine Seite im IE Links statt Mitte nicht zu beantworten

Danke

Jenser · **Antwort #3 am:** 22. Juni 2012, 15:09:09

Seite validieren. http://validator.w3.org

WayneTsun · **Antwort #4 am:** 22. Juni 2012, 15:17:53

Hi Whitechillz,

der "DOCTYPE" wird in der Datei /includes/header.php beschrieben.

Beste Grüße,
Wayne

Whitechillz · **Antwort #5 am:** 22. Juni 2012, 15:35:51

Ah, ich danke schonmal für die Antworten, das ist doch was !
Ich werde mich nach Bürozeit mal dransetzen und werde später berichten.

Zitat

Unable to Determine Parse Mode!

The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:
• the MIME Media Type (text/html) can be used for XML or SGML document types
•No known Document Type could be detected
•No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.
•No XML namespace (e.g <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">) could be found at the root of the document.

As a default, the validator is falling back to SGML mode.

No DOCTYPE found, and unknown root element. Aborting validation.

The DOCTYPE Declaration was not recognized or is missing. This probably means that the Formal Public Identifier contains a spelling error, or that the Declaration is not using correct syntax, or that your document is not using a DOCTYPE Declaration.

Vielen Dank @ Jenser für diesen Link, kannte ich noch nicht, ist ja spitze

@ WayneTsun gesucht gefunden, Danke

Echt toll das es in diesem Forum soviel nette und hilfsbereite Menschen gibt, meistens bekommt man ja nur Antworten ala Google oder lerne HTML - php xD

Whitechillz · **Antwort #6 am:** 27. Juni 2012, 12:45:56

So Problem mit eurer Hilfe gelöst !

Die verschiebung der Ansicht und meckern des Quirks Modus im Internet Explorer
wurde vom "DOCTYPE in der Datei /includes/header.php verursacht.
Der Doctyp hatte sich verschoben ka wieso warum ^^

Hab einfach die Orig. Datei ersetz und das letzte Update D, und siehe da alles perfekt.
Was es nicht alles für eine ******* gibt....

Nochmals danke für die Unterstützung !

White

Thema: Template darstellungsprobleme bitte um Hilfe !

Whitechillz

Template darstellungsprobleme bitte um Hilfe !

Modulfux

Re: Template darstellungsprobleme bitte um Hilfe !

Whitechillz

Re: Template darstellungsprobleme bitte um Hilfe !

Jenser

Re: Template darstellungsprobleme bitte um Hilfe !

WayneTsun

Re: Template darstellungsprobleme bitte um Hilfe !

Whitechillz

Re: Template darstellungsprobleme bitte um Hilfe !

Whitechillz

Re: Template darstellungsprobleme bitte um Hilfe !

Teile Thema

Ähnliche Themen

Template verschiebt Navigation? Bitte um Hilfe!

Darstellungsprobleme nach basteln am Template!

Bitte um Hilfe

bitte um Hilfe