Support
Download
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
    • Seiten: 1 Nach unten

    Thema: DIV Problem bei products_info_tabs_v1.html

    Mitchen1990

    • Neu im Forum
    • Beiträge: 22
    DIV Problem bei products_info_tabs_v1.html
    am: 16. März 2011, 08:36:20
    Hallo Leute,

    habe die Standard Tabs von Version 1.05 erweitert...

    Wenn ich jetzt im Admin Bereich im Editor im Quellcode etwas in DIVs einfüge, dann sieht es so aus wie auf dem Screenshot.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Das DIV ist nicht in dem Bereich des Tabs eingeschlossen.

    Weiß jemand, woran das liegen kann? Bin irgendwie ratlos...

    Zur Info hier mal mein product_info_tabs_v1.html:

    Code: Javascript  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="product_info"}
    {$FORM_ACTION}
    <h1>{$PRODUCTS_NAME}</h1>

    <div id="productinfowrap">
    <table><tr><td style="padding-right:20px;">
            {if $PRODUCTS_IMAGE!=''}

                    <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

            {/if}</td><td>
            <div id="productinfoprice">

                            <p class="productprice"><strong>{$PRODUCTS_PRICE}</strong></p>
                            <p class="taxandshippinginfo" style="white-space:nowrap">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</p>
                            {if $SHIPPING_NAME}<p class="shippingtime"><strong>{#text_shippingtime#}</strong>{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}</p>
                            {/if}
                            {if $PRODUCTS_VPE}
                            <div class="hrlightgrey"></div>{$PRODUCTS_VPE}{/if}
                            {if $MODULE_graduated_price !=''}<div class="hrlightgrey"></div>{$MODULE_graduated_price}{/if}
                            {if $PRODUCTS_DISCOUNT!=''}<div class="hrlightgrey"></div>{$PRODUCTS_DISCOUNT}{/if}
                            {if $PRODUCTS_FSK18=='true'}<div class="hrlightgrey"></div><img src="{$tpl_path}img/fsk18.gif" alt="" style="cursor:default" />{/if}
                            {if $PRODUCTS_MODEL!=''}<div class="hrlightgrey"></div>
                            <strong>{#model#}</strong> {$PRODUCTS_MODEL}{/if}
                            {if $PRODUCTS_URL != ''}
                            <div class="hrlightgrey"></div><div style="padding-top:5px;">{$PRODUCTS_URL}</div>
                            {/if} <br />
                            <div style="margin-top:10px"></div>
                            {$PRODUCTS_PRINT}

                    {if $PRODUCTS_DATE_AVIABLE != ''}<p>{$PRODUCTS_DATE_AVIABLE}</p>{/if}
            </div>
            <div style="clear:both;"></div>
        </td></tr></table>
            {if $MODULE_product_options !=''}
            <div class="productoptions">{$MODULE_product_options}</div>{/if}
    <!-- BOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
            {if $XTB_REDIRECT_USER_TO=='product'}<div style='width:400px;padding:10px;color:white;background-color:green;'><strong>Sie haben die eBay Auktion gewonnen!</strong><br/>Bitte wählen Sie nun noch die gewünschten Produkteigenschaften und legen Sie den Artikel danach in den Warenkorb, um mit der Zahlung fortzufahren und das Produkt versandfertig zu machen!</div>{/if}
    <!-- EOF - Tomcraft - 2009-11-28 - Included xs:booster //-->
            <div class="addtobasket">
            <table border="0" cellspacing="0" cellpadding="2">
                    <tr>
                    <td style="width:100%; padding-right:5px;">{$ADD_QTY}</td>
                    <td>{$ADD_CART_BUTTON}</td>
                    </tr>
            </table>
            </div>
    </div>

    {$FORM_END}

    <h2>Grundsätzlich ist jede Online-Bestellung für dich vollkommen unverbindlich!</h2>

    <p>Du forderst lediglich die Bestellunterlagen (den Mobilfunkantrag) für das von dir gewünschte Angebot an. Mehr nicht!</p>

    <p>Erst mit Zusendung eines ausgefüllten Antrages direkt an unseren Logistikpartner talk+ bestellst du dann dein Wunsch-Mobilfunkpaket verbindlich.</p>

    <h3>Du kannst dich also wild durch unseren Onlineshop bestellen ohne dabei jemals irgendwelche Vorleistungen zu tätigen!</h3>

    {*BEGIN TABS*}
    <div id="tabbed_product_info">

    <ul>
            {if $PRODUCTS_DESCRIPTION !=''}<li><a href="#tab_description">{#description#}</a></li>{/if}
            {if $PRODUCTS_MINI_DESCRIPTION !=''}<li><a href="#tab_details">{#text_mini_description#}</a></li>{/if}
        {if $PRODUCTS_HANDY_DESCRIPTION !=''}<li><a href="#tab_handy">{#text_handy_description#}</a></li>{/if}
            {if $PRODUCTS_MIDI_DESCRIPTION !=''}<li><a href="#tab_options">{#text_midi_description#}</a></li>{/if}
            {if $PRODUCTS_MAXI_DESCRIPTION !=''}<li><a href="#tab_hints">{#text_maxi_description#}</a></li>{/if}
            {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<li><a href="#tab_cross_selling">{#cross_selling#}</a></li>{/if}
            {if $MODULE_also_purchased != ''}<li><a href="#tab_also_purchased">{#also_purchased#}</a></li>{/if}
            <!--{if $MODULE_products_reviews != ''}--><li><a href="#tab_reviews">{#products_reviews#}</a></li><!--{/if}-->
            {if $MODULE_products_media != ''}<li><a href="#tab_media">{#products_media#}</a></li>{/if}
            {if $more_images|@count> 0}<li><a href="#tab_more_images">{#more_images#}</a></li>{/if}
    </ul>

    {if $PRODUCTS_DESCRIPTION !=''}<div id="tab_description">{$PRODUCTS_DESCRIPTION}</div>{/if}
    {if $PRODUCTS_MINI_DESCRIPTION !=''}<div id="tab_details">{$PRODUCTS_MINI_DESCRIPTION}</div>{/if}
    {if $PRODUCTS_HANDY_DESCRIPTION !=''}<div id="tab_handy">{$PRODUCTS_HANDY_DESCRIPTION}</div>{/if}
    {if $PRODUCTS_MIDI_DESCRIPTION !=''}<div id="tab_options">{$PRODUCTS_MIDI_DESCRIPTION}</div>{/if}
    {if $PRODUCTS_MAXI_DESCRIPTION !=''}<div id="tab_hints">{$PRODUCTS_MAXI_DESCRIPTION}</div>{/if}
    {if $more_images|@count> 0}<div id="tab_more_images">
            <!-- More Pictures -->
            <div class="morepics">
            {foreach item=more_images_data from=$more_images}
                    <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
            {/foreach}
            </div>
            <div style="clear:both;"></div>
            </div>
    {/if}
    {if $MODULE_products_media != ''}<div id="tab_media">{$MODULE_products_media}</div>{/if}
    <!--{if $MODULE_products_reviews != ''}--><div id="tab_reviews">{$MODULE_products_reviews}</div><!--{/if}-->
    {if $MODULE_cross_selling != '' || $MODULE_reverse_cross_selling != ''}<div id="tab_cross_selling">{$MODULE_cross_selling}{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}</div>{/if}
    {if $MODULE_also_purchased != ''}<div id="tab_also_purchased">{$MODULE_also_purchased}</div>{/if}

    </div>
    {*END TABS*}

    {if $PRODUCTS_ADDED != ''}<p class="productinfoproductadded">{$PRODUCTS_ADDED}</p>{/if}
    {$PRODUCT_NAVIGATOR}
     
    Gruß



    Linkback: https://www.modified-shop.org/forum/index.php?topic=11669.0
    PayPal DE Migration

    jannemann

    • modified Team
    • Beiträge: 6.275
    • Geschlecht:
    DIV Problem bei products_info_tabs_v1.html
    Antwort #1 am: 16. März 2011, 09:49:46
    Hi,

    dann ist der Content wohl etwas zu breit für den Tab. Zeig doch mal den Quellcode, den du eingefügt hast.

    Schöne Grüße,
    Jan

    Mitchen1990

    • Neu im Forum
    • Beiträge: 22
    DIV Problem bei products_info_tabs_v1.html
    Antwort #2 am: 16. März 2011, 10:17:29
    Code: PHP  [Auswählen]
    <div style="float: left; page-break-before: always; padding: 1px 0px 1px 1px;">
    <h1 style="display: block; font-size: 12px; margin: 0px; padding: 4px; text-align: center; width: 640px; background-color: rgb(23, 153, 0); color: rgb(255, 255, 255);">Detail-Informationen zu diesem Angebot</h1>
    <div class="databox" style="border: 1px solid rgb(23, 153, 0); float: left; width: 319px; padding: 1px; margin: 1px 1px 0px 0px;">
    <h1 style="font-family: Arial; background-color: rgb(130, 219, 0); color: rgb(0, 0, 0); display: block; font-size: 12px; margin: 0px; padding: 4px; text-align: center;">Tarifinformationen</h1>
    <table>
        <tbody>
            <tr>
                <td class="ContTarif" style="padding: 2px;">
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Tarifbezeichnung</div>
                <div style="float: right; margin-left: 3px;">Call & Surf-Mobil S Handy 10</div>
                <br style="height: 0px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;" />
                <div style="float: left; margin-right: 3px;"><b>Grundpreise</b></div>
                <div style="float: right; margin-left: 3px;"> </div>
                <br style="height: 0px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;" />
                <div style="margin-left: 5px; float: left; margin-right: 3px;">monatl. Grundgebühr</div>
                <div style="float: right; margin-left: 3px;">27.95 €</div>
                <br style="height: 0px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;" />
                <div style="margin-left: 5px; float: left; margin-right: 3px;">monatl. Mindestumsatz</div>
                <div style="float: right; margin-left: 3px;">0.00 €</div>
                <br style="height: 0px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;" />
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Anschlussgebühr</div>
                <div style="float: right; margin-left: 3px;">25.95 €</div>
                </td>
            </tr>
            <tr>
                <td class="ContTarif" style="padding: 2px;">
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Inklusive</div>
                <div style="float: right; margin-left: 3px;">Weekend Flat</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;"> </div>
                <div style="float: right; margin-left: 3px;">120 Freiminuten in all dt. Netze</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;"> </div>
                <div style="float: right; margin-left: 3px;">Handy Internet Flat</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;"> </div>
                <div style="float: right; margin-left: 3px;">10% Rabatt auf den Monatsgrundpreis</div>
                </div>
                <div>
                <div style="font-weight: bold;">Minutenpreise ins dt. Festnetz</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">rund um die Uhr</div>
                <div style="float: right; margin-left: 3px;">0,29 €</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Wochenende</div>
                <div style="float: right; margin-left: 3px;">0,00 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">Minutenpreise netzintern</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">rund um die Uhr</div>
                <div style="float: right; margin-left: 3px;">0,29 €</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Wochenende</div>
                <div style="float: right; margin-left: 3px;">0,00 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">Minutenpreise netzextern im Inland</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">rund um die Uhr</div>
                <div style="float: right; margin-left: 3px;">0,29 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">SMS Versand</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">netzintern</div>
                <div style="float: right; margin-left: 3px;">0,19 €</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">netzextern im Inland</div>
                <div style="float: right; margin-left: 3px;">0,19 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">MMS Versand</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">netzintern</div>
                <div style="float: right; margin-left: 3px;">0,39 €</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">netzextern im Inland</div>
                <div style="float: right; margin-left: 3px;">0,39 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">Mailboxabfrage</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">rund um die Uhr</div>
                <div style="float: right; margin-left: 3px;">0,29 €</div>
                </div>
                <div>
                <div style="font-weight: bold;">Allgemeines</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Mobilfunkanbieter</div>
                <div style="float: right; margin-left: 3px;">mobilcom-debitel</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Mindestvertragslaufzeit</div>
                <div style="float: right; margin-left: 3px;">24 Monate</div>
                </div>
                <div>
                <div style="margin-left: 5px; float: left; margin-right: 3px;">Taktung</div>
                <div style="float: right; margin-left: 3px;">60/1 s</div>
                </div>
                <div>
                <div> </div>
                </div>
                <div>
                <div><strong>SMS-Zentralnummer +49 171 0760000</strong><br />
                <p> </p>
                <br />
                <p><strong>Sonderaktion:</strong> Sie erhalten 10% Rabatt auf den monatl. Grundpreis (ohne Handyzuschlag) und sparen somit jeden Monat 2,00€ im Vergleich zum regulären Grundpreis von 29,95€</p>
                <br />
                <p> </p>
                <br />
                <p>Die angegebenen Minutenpreise gelten nach Ablauf der monatlichen Freiminuten. Das monatliche Minutenpaket wird angerechnet auf alle Inlandsgespräche in alle deutschen Netze. Die Abrechnung erfolgt im 60/1-Sekunden-Takt, d. h. die erste Minute wird stets voll abgerechnet, danach wird sekundengenau abgerechnet. Nicht verbrauchte Inklusiv-Freiminuten, Inklusiv-SMS bzw. Inklusiv-MMS verfallen am Monatsende (nicht gültig zu Service- und Sonderrufnummern).</p>
                <br />
                <p>Ab einem Datenvolumen von 200 MBwird die Bandbreite im jeweiligen Monat auf max. 64 kbit/s im Download und 16 kbit/s im Upload beschränkt. Die Abrechnung erfolgt im 100-KB-Datenblock. Am Ende jeder Verbindung wird, mindestens jedoch um 24:00 Uhr, auf den begonnenen Datenblock aufgerundet. Das enthaltene Datenvolumen gilt auch für E-Mail Nutzung. Das enthaltene Datenvolumen darf nur mit einem Handy ohne angeschlossenen oder drahtlos verbundenen Computer genutzt werden. Eine Nutzung mit Data Cards, Data USB Sticks, Surf-Boxen oder Embedded Notebooks sowie die Nutzung von VOIP und Instant Messaging ist nicht Gegenstand des Vertrages.Gespräche in der Zeit von Samstag 0:00 Uhr bis Sonntag 24:00 Uhr zu T-Mobile und ins dt. Festnetz (ausgenommen Sonder- und Servicerufnummern, Videotelefonate und Rufumleitungen ins dt. Festnetz) werden nicht berechnet (Weekend-Flat).</p>
                <br />
                <p>Sie telefonieren somit KOSTENLOS am Wochenende zu T-Mobile und ins dt. Festnetz.</p>
                </div>
                </div>
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <div class="databox" style="padding: 1px; margin: 1px 0px 0px; border: 1px solid rgb(23, 153, 0); float: left; width: 319px;">
    <h1 style="font-family: Arial; background-color: rgb(130, 219, 0); color: rgb(0, 0, 0); display: block; font-size: 12px; margin: 0px; padding: 4px; text-align: center;">Gerätedaten</h1>
    <table>
        <tbody>
            <tr>
                <td class="ContTarif" style="padding: 2px;">
                <div>
                <div> </div>
                </div>
                <div>
                <div>SIM-Karte für Ihr vorhandenes Handy.<br />
                Einfach einlegen und loslegen. :-)</div>
                </div>
                <div>
                <div> </div>
                </div>
                <div>
                <div>Alle Angaben ohne Gewähr. Änderungen, Irrtümer und Druckfehler vorbehalten.</div>
                </div>
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <br class="clr" style="height: 0px; clear: both; font-size: 0px; line-height: 0px; overflow: hidden;" />
    <div class="databox" style="padding: 1px; margin: 1px 1px 0px 0px; border: 1px solid rgb(23, 153, 0); float: left; width: 300px; clear: left;">
    <h1 style="font-family: Arial; background-color: rgb(130, 219, 0); color: rgb(0, 0, 0); display: block; font-size: 12px; margin: 0px; padding: 4px; text-align: center;">zu diesem Tarif wählbare Tarif-Optionen</h1>
    <table>
        <tbody>
            <tr>
                <td class="ContTarif" style="padding: 2px;">
                <div class="newzd">
                <div class="zd_head"><span>Einzelverbindungsnachweis</span></div>
                <div id="lang_21" class="langbeschreibung">Auswahl des Einzelverbindungsnachweises (EVN)</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>Speicherung der Verbindungsdaten</span></div>
                <div id="lang_25" class="langbeschreibung">Auswahl zur Speicherung der Verbindungsdaten</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>Rechnungslegung</span></div>
                <div id="lang_490" class="langbeschreibung">Online- (Digital-) oder Papierrechnung</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>0900 Sperre</span></div>
                <div id="lang_184" class="langbeschreibung">Sperre für die 0900-Vorwahl</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>Terminaktivierung</span></div>
                <div id="lang_37" class="langbeschreibung">Sie können einen Wunschtermin festlegen.</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>T-Mobile@home inclusive</span></div>
                <div id="lang_1065" class="langbeschreibung">Der Festnetzanschluß für Ihr Handy - in diesem Tarif bereits enthalten.</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>Mobilfunk-Rufnummernmitnahme (Portierung)</span></div>
                <div id="lang_2495" class="langbeschreibung">Wenn Sie Ihre alte Handynummer behalten möchten!</div>
                </div>
                <div class="newzd">
                <div class="zd_head"><span>netzinterne SMS-Flat</span></div>
                <div id="lang_2565" class="langbeschreibung">ohne Grenzen SMS ins T-Mobilfunk Netz verschicken</div>
                </div>
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    </div>
    <p> </p>
    Ich habe die DIVs jetzt mal schmaler gemacht, aber das Problem tritt immernoch auf.

    Wenn ich einen normalen Text in ein Div einschließe, dann funktioniert es.

    Es scheint also ein Problem mit dem oben aufgeführten Code zu sein.

    EDIT: Ja, ich hab den Fehler gefunden:

    In dem mir zur Verfügung gestellten Code oben, wurde das DIV mit einem style Attribut belegt:

    Code: PHP  [Auswählen]
    style="float: left; page-break-before: always; padding: 1px 0px 1px 1px;"
     
    Dieses scheint das ganze Design zerstört zu haben... hätte ich eigentlich auch mal früher draufkommen können.

    Naja trotzdem Danke!

    Gruß und noch schönen Tag!

    Tomcraft

    • modified Team
    • Gravatar
    • Beiträge: 46.369
    • Geschlecht:
    DIV Problem bei products_info_tabs_v1.html
    Antwort #3 am: 16. März 2011, 10:24:46
    Hier nur ein mögliches Problem: "page-break-before"

    Nachtrag: Ah okay, sehe deinen "Edit", hast du also selber schon heraus gefunden. ;-)

    Grüße

    Torsten

    Mailbeez Automated eCommerce Email Marketing | MailBeez Automatic Trigger Email Marketing Campaigns
    Seiten: 1 Nach oben
    Javascript-Dateien zusammenfassen?Sprachpaket Russisch

    Teile Thema

    Ähnliche Themen

    1 Antworten
    1613 Aufrufe
    11. November 2010, 13:24:40 von hendrik
    2 Antworten
    2898 Aufrufe
    26. Januar 2010, 13:20:41 von Overclocked
    3 Antworten
    2791 Aufrufe
    21. Oktober 2011, 18:18:53 von gogogoairheart
    9 Antworten
    5375 Aufrufe
    17. November 2011, 20:50:36 von Tomcraft
    Unterstützt die Entwicklung
    mit einer Spende
    SMF 2.0.19 | SMF © 2020, Simple Machines | Sitemap
    © 2024 modified eCommerce Shopsoftware
               
    anything