Thomas: Problem mit Product Style unter Firefox

Hallo ich hab da ein Problem und zwar hat sich meine Schwester eine Shop Factory 6 Software gekauft und da besteht unter der Ansicht in Firefox folgendes problem. Es wird die Seite immer etwas nach rechts verbreitert dargestellt so das unten immer ein Scrollbalken entsteht und man Scrollen muss. Im Internet Explorer ist alles okay aber halt in Firefox nicht. ich habe herausgefunden das es an einem Produkt Style der Software liegt hier mal der Code der Html: <!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 transitional//EN">

<html xmlns:sf lang="<sf_Lang[__CurrentLanguage].ISO>" dir="<sf_Lang[__CurrentLanguage].Direction>">  <sfm_EnablePage><!-- automatically adds metatags and stylesheets to this template --> <head> <link href="../styles/website.css" rel="stylesheet" type="text/css"> <sfm_PageCSS> <title sf:value="PageMetaTagTitle">Page MetaTag Title</title> <!-- *** Navigation Script *** --> <script>if (parent.wm) wm=parent.wm.reg('content',this)</script> <sfm_jsShoppingCartHead> <script> targetFrame="self"; parentFrame1="toc"; parentFrame2="toc"; </script> </head>

<body sf:object="LayoutMaster" class="GC1 ContentBody"> <sfm_PageNavigation> <sfm_PageLoadManager> <!-- START OF PAGE HEADER CONTAINER --> <table sf:name="PageHeader" class="PageHeader" cellspacing="0" cellpadding="0" BORDER="0" WIDTH="100%">  <tr>   <td valign="top">   <!-- Breadcrumbs -->

<table cellspacing="0" cellpadding="0" border="0" width="100%" >   <tr>    <td width="100%" valign="top"><div sf:name="Breadcrumbs" class="GC6 Breadcrumbs">     <sfm_Start_Breadcrumbs_loop>

sf:inject="5"<br></sf:inject>

<nobr><a href="<sf_BreadcrumbsPagelocation>" title="<sf_BreadcrumbsPagetitle>">       <span sf:value="BreadcrumbsPagetitle">Page title</span>sf:inject="AllButLast"&nbsp;&gt;&nbsp;</sf:inject>      </a></nobr>

<sfm_End_Breadcrumbs_loop>    </div></td>    <td valign="top" align="right" nowrap>sf:if="Shop.CurrenciesAllowed1">    <div class="GC6 Breadcrumbs">     <sfm_Start_Breadcrumbs_loop>      sf:inject="5"<br>&nbsp;<img src="../media/trans.gif" width=1 height=1></sf:inject>      sf:inject="First"      <sfm_CurrencyPageLink><img src="../media/trans.gif" width=1 height=1>      </sf:inject>     <sfm_End_Breadcrumbs_loop>    </div>    </sf:if></td>   </tr>   </table>   <div sf:name="Htmlcode">    <sfm_Start_HTMLCodeTop_loop>     sf:name="HtmlcodeHtml"sf:value="HtmlcodeHtml"Page Top HTML Code</sf:value></sf:name>    <sfm_End_HTMLCodeTop_loop>   </div>

<table sf:name="Banner" class="Banner" cellspacing="0" cellpadding="0" border="0" align="center" width="100%">    <tr>     <sfm_Start_BannerTop_loop>       <td align="center" width="50%">       <a href="<sf_BannerLocation>" target="<sf_BannerTarget>"><span sf:name="BannerImage" class="BannerImage"><sf:macro="BannerImage" maxwidth="500" maxheight="500" alt="<sf_BannerScreentip>" border="0"><img src="../samples/banner.jpg" width="250" height="60" border="0" alt="Title"></sf:macro></span></a><br>       <a href="<sf_BannerLocation>" target="<sf_BannerTarget>"><span sf:name="BannerCaption" class="BannerCaption">sf:value="BannerCaption"Caption</sf:value></span></a>

</td>      sf:inject="2"</tr>sf:inject="AllButLast"<tr></sf:inject></sf:inject>    <sfm_End_BannerTop_loop>    </tr>    </table>    <div style="height:5px;"><img src="../media/trans.gif" width="1" height="1" border="0"></div>

</td></tr>  <tr><td>

<!-- START OF PAGE LINK BOX  CONTAINER --> <table sf:name="PageLinkBox" class="GC8 PageLinkBox" WIDTH="100%" cellspacing="0" cellpadding="0" BORDER="0">    <sfm_Start_PageLinkBox_loop>     <tr>        <td valign="TOP"  WIDTH="100%">       <!-- START OF PAGE LINK BOX TITLE COMPONENT -->

<h2><A HREF="<sf_PageLinkBoxHRef>" class="PageLinkBoxTitle">         <div sf:name="PageLinkBoxTitle" class="PageLinkBoxTitle">sf:value="PageLinkBoxTitle"TITLE</sf:value></div>        </A></h2>

<!-- END OF OF PAGE LINK BOX TITLE COMPONENT -->     </td>     </tr>     <tr>     <td valign="TOP"  WIDTH="100%">     <!-- START OF PAGE-LINK-BOX IMAGE  COMPONENT -->

<A HREF="<sf_PageLinkBoxHRef>" class="PageLinkBoxImage"><div sf:name="PageLinkBoxImage" class="PageLinkBoxImage">       <sf:macro="PageLinkBoxImage" maxwidth='32' maxheight='32' alt='<sf_PageLinkBoxTitle:text>' border='0'>        <IMG SRC="../../SAMPLES/LINKIMAGE.JPG" HEIGHT="32" WIDTH="32" BORDER="0" ALT="TITLE">       </sf:macro></div>      </A>

<!-- END OF OF PAGE-LINK-BOX IMAGE  COMPONENT -->

<A HREF="<sf_PageLinkBoxHRef>" class="PageLinkBoxDescription">     <div sf:name="PageLinkBoxDescription" class="PageLinkBoxDescription">       sf:value="PageLinkBoxDescription"DESCRIPTION</sf:value></div>      </A>

<!-- END OF OF PAGE-LINK-BOX DESCRIPTION  COMPONENT -->     </td>    </tr>    <sfm_End_PageLinkBox_loop>    </table>

sf:if="PageImage"   <div class="PageImage">   <table cellspacing="0" cellpadding="0" border="0" width="1" >      <tr>      <td><div sf:name="PageImage" >       <sf:macro="PageImage" alt='<sf_PageImageScreentip>' border='0' maxwidth="400" maxheight="400">        <IMG SRC="../SAMPLES/LOGO.JPG" WIDTH="250" HEIGHT="200" BORDER="0" ALT="TITLE">       </sf:macro></div>      </td>      </tr>

<tr>      <sfm_Start_PageImageGetWidth code_start="td" code_middle='class="GC23 PageImageCaption" valign="middle" align="left"'>      <div sf:name="PageImageCaption" class="GC23 PageImageCaption">sf:value="PageImageCaption"Caption</sf:value></div>      <sfm_End_PageImageGetWidth code_end="td">      </tr>   </table></div>   </sf:if>

<span sf:if="ShowPageTitle"><h1><div sf:name="PageTitle" class="GC17 PageTitle">sf:value="PageTitle"PAGE TITLE</sf:value></div></h1></span>   <div sf:name="PageIntroduction" class="GC18 PageIntroduction">sf:value="PageIntroduction"PAGE INtrODUCTION</sf:value></div>   <div sf:name="PageDescription" class="GC19 PageDescription" >sf:value="PageDescription"PAGE DESCRIPTION</sf:value></div>

</td></tr></table> <!-- END OF PAGE LINK BOX TITLE CONTAINER -->

<sfm_V5_SubPage_Navigation>

<sfm_jsShoppingCartBody> <sfm_InsertProductLoop>

<div sf:name="PageFooter" class="GC1 PageFooter">

<div sf:name="PageFootnote" class="PageFootnote">sf:value="PageFootnote"Footnote</sf:value></div>

<div style="height:5px;"><img src="../media/trans.gif" width="1" height="1" border="0"></div>    <table sf:name="Banner" class="Banner" cellspacing="0" cellpadding="0" border="0" align="center" width="100%">    <tr>     <sfm_Start_BannerBottom_loop>       <td align="center" width="50%">       <a href="<sf_BannerLocation>" target="<sf_BannerTarget>"><span sf:name="BannerImage" class="BannerImage"><sf:macro="BannerImage" maxwidth="500" maxheight="500" alt="<sf_BannerScreentip>" border="0"><img src="../samples/banner.jpg" width="250" height="60" border="0" alt="Title"></sf:macro></span></a><br>       <a href="<sf_BannerLocation>" target="<sf_BannerTarget>"><span sf:name="BannerCaption" class="BannerCaption">sf:value="BannerCaption"Caption</sf:value></span></a>

</td>      sf:inject="2"</tr>sf:inject="AllButLast"<tr></sf:inject></sf:inject>    <sfm_End_BannerBottom_loop>    </tr>    </table>    <div style="height:5px;"><img src="../media/trans.gif" width="1" height="1" border="0"></div>

sf:name="Htmlcode"<sfm_Start_HTMLCodeBottom_loop>sf:value="HtmlcodeHtml"Page Bottom HTML Code</sf:value><sfm_End_HTMLCodeBottom_loop></sf:name>

</div>

<sfm_EndOfContentPage> </body> </html>

<!-- Version tag, please don't remove $Revision: 51 $ $Archive: /Autobuild/sf_63/ShopFactory_V6/Templates/Pages/default/page.html $ -->

Hier ist die css des Styles: /* ################################ / /    Redefine HTML tags   / / ################################ */ .Breadcrumbs {  margin: 0px;  font-size: 8pt;  padding: 2px;  padding-left: 5px;  border-style:solid;  border-width:1px;  border-left:0px;  border-right:0px;  border-top:0px; } .PageHeader {  padding: 0px;  margin-bottom: 5px; } .PageImage {  margin: 0px 10px 10px 5px;  float: left;  padding-top: 0px;  padding-right: 20px;  padding-bottom: 0px;  padding-left: 5px;  border-top: 0px;  border-right: 1px solid;  border-bottom: 0px;  border-left: 0px; } .PageTitle {  margin: 5px;  padding:0px;  font-size: 16px;  font-weight: bolder; } .PageIntroduction {  margin: 10px;  padding-right: 5px;  padding-right: 5px;  width:100%; } .PageDescription {  margin: 10px;  padding-right: 5px; } .PageLinkBox td{padding:0px;} .PageLinkBox {  float: right;  width: 150px;  padding: 15px;  border-width: 1px;  font-size: 8pt;  MARGIN:4PX; } a.PageLinkBoxImage{background-color:transparent;border:none} .PageLinkBoxImage {  margin:0px;  float: left;  padding-left: 5px;  padding-top: 1px; } a.PageLinkBoxTitle{background-color:transparent;border:none} .PageLinkBoxTitle {  margin:0px;  padding-top: 5px;  padding-right: 5px;  padding-left: 5px;  font-weight: bold;  text-transform: capitalize; } a.PageLinkBoxDescription{background-color:transparent;border:none} .PageLinkBoxDescription {  margin:0px;  padding-right: 5px;  padding-left: 5px;  padding-bottom: 10px; }

.LayoutObject#GroupProductComponents1 {  float: right;  border:0px;  padding: 5px; } .GC1#Footer {  BORDER-TOP: 2px solid;  margin: 0px;  padding:0px;  WIDTH: 100%;  background-color: transparent;  padding-bottom: 2px; } .PageFooter {  background-color : transparent;  border-width:0px; }

/* Version tag, please don't remove $Revision: 17 $ $Archive: /Autobuild/sf_63/ShopFactory_V6/Templates/Pages/default/stylesheet.css $ */

Weiß jemand wo der fehler Liegt??? Würde mich freuen wenn mir jemand helfen könnte.

Gruß Thomas

  1. Hi
    Könntest du vielleicht die fertige HTML-Ausgabe irgendwo hochladen, sodass man sich das mal angucken kann? Mit dem obigen Code kann man ja ohne dieses Shopsystem nichts anfangen...

    Gruß, Peter

    1. Hi
      Könntest du vielleicht die fertige HTML-Ausgabe irgendwo hochladen, sodass man sich das mal angucken kann? Mit dem obigen Code kann man ja ohne dieses Shopsystem nichts anfangen...

      Gruß, Peter

      Hallo Peter,

      ich hab mal einen Testshop bei einem Bekannten Hochgeladen unter: http://www.cw-computerwelt.de
      wenn man die Seite dann unter Firefox öffnet sieht man dann auf den folgenden Seiten: Über uns - Datenschutz - AGB - Warenkorb - Impressum - Favoriten - Seite 1 - Seite 2 - Seite 3 das sich die Seite verbreitert und der Scrollbalken erscheint.
      Vielleicht kannst du mir ja weiterhelfen, ich weiß echt nicht mehr weiter.

      Gruß Thomas

      1. Hi,

        ich hab mal einen Testshop bei einem Bekannten Hochgeladen unter: http://www.cw-computerwelt.de

        ein schrecklicher Code; mir unverständlich, wie man sowas veröffentlichen kann.
        Das Problem verursachen die Breitenangaben von 100% für Elemente, denen auch noch margin und/oder padding zugewiesen werden. Ob Du das in en Templates korrigieren kannst, weiß ich nicht. Ich würde eher ein vrnünftigeres Shopsystem verwenden.

        freundliche Grüße
        Ingo