Reduzierter Warenkorb unterschiedliche Zeilenhöhe

[timbonaut]

Hallo!

Habe mit Hilfe des Forums einen reduzierten Warenkorb erstellt und ihn wie meine Suchbox auch im "topmenuwrap" positioniert, allerdings gibt es eine sehr stressige Sache, die Zeilenhöhe scheint zwischen dem Warenkorb-Link und dem Rest unterschiedlich zu sein.

Sieht man gut im Screenshot. Wo liegt hier das Schaf begraben?

Anbei der code der box_cart.html:

Code: [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
{config_load file="$language/lang_$language.conf" section="shopping_cart"}
{if $deny_cart neq 'true'}
<a href="{$LINK_CART}"><strong>{#link_cart#}:</strong></a> {$PRODUCTS} {#text_article#} | {#text_total#}:{$TOTAL}
{/if}
[ Für Gäste sind keine Dateianhänge sichtbar ]



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

[Tomcraft]

Du kannst das doch per CSS positionieren wie du willst!?

Grüße

Torsten

[timbonaut]

Hi Torsten!

Danke für die schnelle Antwort.

Jo, das mache ich ja auch, allerdings positioniert sich dann das gesamte Kontrukt:

"Warenkorb: X Artikel | Summe: X EUR"

Der komische Zeilenrutscher ist aber zwischen "Warenkorb:" und "X Artikel | Summe: X EUR".

Das ist der CSS Code:

Code: CSS  [Auswählen]

#topmenuwrap #cart {

position: absolute;
right: -440px;
color:#fff;

        }
 

Eine Idee?

[guensi]

Ich würd sowieso mal die Finger von position absolute lassen. Normalerweise gibt die Shop-Struktur das locker her, Elemente auch im Fluss so zu positionieren wie du das willst.

Mit position absolute nimmst du die Elemente jedoch aus dem Fluss, mit durchaus ungewollten Auswirkungen auf die Positionierung anderer Elemente.

Also besser mal mit float versuchen, und dann auch clear zum Aufheben des Floatings nicht vergessen.

Genaueres könnte ich dir allerdings nur mit einem Link zum Shop sagen, da ich aus dem Codeschnipsel oben die von dir gemachte Einbindung bzw. das gewollte oder auch nicht gewollte Resultat nicht nachvollziehen kann.

[timbonaut]

hi guensi, danke für die hilfe!

ich poste dir mal meine index.html, den css abschnitt dazu und die box_cart.html, da alles noch lokal ist. hoffe das reicht soweit.

habe es eigentlich so gemacht wie mit der searchbox auch, aber irgendwie rutscht der hintere teil ein stück nach oben, absolut kein plan, auch mit "float" etc. ändert sich nichts, es verschiebt sich der ganze warenkorb, aber innerhalb des warenkorbs bleibt dieser "rutscher"

nach dem "Zum Warenkorb:" rutscht der Rest "Artikel: | Summe: " um ca. 1-2 Px nach oben, sehr eigenartig! Siehe Screenshot oben

box_cart.html:

Code: PHP  [Auswählen]

        {config_load file="$language/lang_$language.conf" section="index"}
{config_load file="$language/lang_$language.conf" section="shopping_cart"}
{if $deny_cart neq 'true'}
        <a href="{$LINK_CART}">{#link_cart#}:</a>  {$PRODUCTS} {#text_article#} | {#text_total#}:{$TOTAL}
{/if}
 

Der CSS Abschnitt:

Code: CSS  [Auswählen]

#topmenuwrap #cart {
        position: absolute;
        right: -440px;
        color:#fff;
        font-family:Arial;
        font-size:11px;

        }
 

Die index.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
    <div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" alt="{$store_name}" /></div>
    </div>
    <div id="topmenuwrap">

<ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
           {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
           {/if}
            <li><a href="{php}echo xtc_href_link('newsletter.php');{/php}">Newsletter</a></li>
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
           {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
           {else}
            <li><a href="{$login}">{#link_login#}</a></li>
           {/if}
            <li><a href="blog.php">Blog!</a></li>
            <div id="search">{$box_SEARCH}</div>
            <div id="cart">{$box_CART}</div>
        </ul>

        <div id="languages">{$box_LANGUAGES}</div>
    </div>
    <div id="breadcrumb"> {$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">

        {$box_CATEGORIES}
        {$box_MANUFACTURERS}
        {$box_WHATSNEW}
        {$box_BESTSELLERS}
        {$box_CONTENT}
        {$box_ADMIN}
                {$box_CURRENCIES}
                {$box_REVIEWS}
                {$box_SPECIALS}

        </div>

        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                        id="contentfull"
                {/if}

        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}

    {/if} </div>
<p class="footer">2006-2010.SBM Shop. Alle Rechte vorbehalten.
<a href="shop_content.php?coID=1">Versand- und Lieferkosten</a> | <a href="shop_content.php?coID=3">AGB</a> | <a href="shop_content.php?coID=4">Impressum</a> | <a href="shop_content.php?coID=7">Kontakt</a> | <a href="shop_content.php?coID=8">Sitemap</a> | <a href="shop_content.php?coID=2">Datenschutz</a>| <a href="shop_content.php?coID=8">Sitemap</a>
</p>

</div>
 

Eingebunden oben in der Index in der topmenu Nav mit "<div id="cart">{$box_CART}</div>"

Was kann das nur sein?

[Tomcraft]

Link zum Shop gibt es nicht, weil der noch lokal läuft?

Grüße

Torsten

[timbonaut]

Jo

sollte ich uploaden oder kann man das so lösen?

danke!

[Tomcraft]

Ist auf jeden Fall einfacher, wenn ich das einfach schnell mit FireBug untersuchen kann.

Grüße

Torsten

[timbonaut]

oh man!!

du hast es indirekt gelöst!

ich habe den firebug schon ewigkeiten installiert aber nutze eigentlich eher die web developer toolbar hehe. und ich bin nicht darauf gestossen..die css anweisung für die topmenu links waren schuld!

habe da mal das verdächtige "vertical-align:middle;" rausgenommen und jetzt flutschts...

tage und nächte wegen einer kleinen zeile, yeahhhhh! dangeee

[Tomcraft]

Och nö....

Ich dachte du bist hier schon lange genug um schon an mehreren Stellen mal vom FireBug gehört zu haben.

Naja, für die Zukunft hast du nun ein super Werkzeug an der Hand.

Grüße

Torsten

[guensi]

Na mit dem flauen gefühl wo muss ich da nun wieder rumbasteln - nochmal reingeschaut - und was seh ich Problem schon gelöst. Absolut Top - so muss das sein.  

[timbonaut]

ja, definitiv der hammer support hier!

firebug ist schon ein schönes tool, auch wenn die web developer toolbar ganz ähnliche dienste verrichtet.. geschmackssache hehe