Menü und Warenkorb im Header! Wie muss ich die DIV Container anlegen?

[NMWorkwear]

Hallo Gemeinde!

Ich möchte folgendes in meinem Shop umstetzen:
Der Warenkorb soll in den Header verschoben werden - bereits erleigt und funzt!
Nun möchte ich noch ein Headermenü anlegen! Das ist auch nich das Problem!

Wenn ich aber nun in den Header 2 DIV Container lege ( Mein Warenkorb und das Menü) funzt das nat. nicht, da der Warenkorb und das Menü rechtsbündig sind! Somit stößt mein Menü nat. immer gegen den DIV Container vom Warenkorb und wird, so wie ich es möchte nicht über dem Warenkorb angezeigt!

Ich habe auch schon versucht den Warenkorb über die stylessheet.css zu verschieben! Das funzt dann zwar im Firefox, aber im Explorer passiert nix!

Was muss ich also entweder in der index.html oder in der stylessheet.css ändern!

Ich lege mal den Teil meiner index und ein Bild von meinem Header dazu, damit das ganze etwas deutlicher wird!

Schon mal vorab Danke für eure Hilfe!

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" width="400" alt="{$store_name}" /></div>
        <div id="cart">{$box_CART}</div>
        <div id="headermenu">  
            <ul>
                {if $account}
                        <li><a href="{$account}">{#link_account#}</a></li>
                        {/if}
                        {if $smarty.session.customers_status.customers_status_id == '1'}            
                        <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>            
                {/if}
                <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}
                </ul>
        </div>
    </div>

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

[peterpan19]

Sollte doch in der stylesheet gehen.
Dem div "#headermenu" noch zufügen
position: relative
left: 10 px (den Wert musst du ausprobieren)

Gruß

[NMWorkwear]

Hallo,

ich bekomme es nicht hin! Er zeigt es immer noch vor dem DIV Container des headermenüs!

Ich lege jetzt nochmal meine index bei und die stylesheet bei!

Ich hoffe mir kann da jemand helfen, den das kann man nicht auf dauer so online lassen:

Hier der Link zur Seite: www.nmworkwear.de

So dann als erstes mal die index:

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" width="400" alt="{$store_name}" /></div>
        <div id="headermenu">  
            <ul>
                {if $account}
                        <li><a href="{$account}">{#link_account#}</a></li>
                        {/if}
                        {if $smarty.session.customers_status.customers_status_id == '1'}            
                        <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>            
                {/if}
                <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}
                </ul>
        </div>
        <div id="cart">{$box_CART}</div>
    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
           <li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'cPath=2', 'NONSSL');{/php}">Arbeitskleidung</a></li>
            <li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'cPath=4', 'NONSSL');{/php}">Sicherheitsschuhe</a></li>
            <li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'cPath=10', 'NONSSL');{/php}">Schutzausrüstung</a></li>            
            <li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'cPath=105', 'NONSSL');{/php}">% SALE %</a></li>
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
        <div id="search">{$box_SEARCH}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">

Und dann noch die Auszüge aus der stylessheet:

Code: PHP  [Auswählen]

/* HEADERMENU AS LIST*/
#headermenu {
float:right;
padding:10px 0px 0px 0px;
margin:0;
list-style-type:none;
height:20px;
font-size:10px;
background:#990000;
position:relative;
}
#headermenu li {
height:20px;
float:left;
padding:0 15px;
margin:0;
background:url(img/bg_headermenu_breakline.gif) no-repeat;
background-position:right;
}
#headermenu a, #headermenu a:link, #headermenu a:visited, #headermenu a:hover, #headermenu a:active {
line-height:20px;
vertical-align:middle;
text-decoration:none;
outline:none;
cursor:pointer;
color:#fff;
margin:0;
padding:0;
}
#headermenu a:hover {
color:#000;
text-decoration:underline;
}
#header #cart {
background: url(img/cart.png) no-repeat;
background-position: 160px 4px;
width: 230px;
height:60px;
float:right;
color:#000;
padding:30px 10px 20px 0px;
margin-right:12px;
margin:auto;
}
#header #cart a {
color:#000;
font-size:13px;
outline: none;
}

[NMWorkwear]

So ich habs!
Könnte sich das bitte trotzdem mal einer anschaun! Ich habe das jetzt in der css bei #header #cart mit float: both gelöst! Ist das so ok oder setzt man so einen großen DIV nicht?

Danke euch...

[Matt]

Da könntest du auch float: käsekuchen schreiben. Es gibt zwei gültige Werte für float: left und right.

Code: CSS  [Auswählen]

#header {
    position: relative;
}

#headermenu {
    position: absolute;
    right: 0;
}

Evtl. vorhandene Definitionen darum ergänzen.

[Modulfux]

Da könntest du auch float: käsekuchen schreiben.

Damit klappt das floaten dann auch fehlerfrei im IE6. 

Gruß
Ronny

[noRiddle (revilonetz)]

  Mann Jungs, ich danke euch, ich hatte float:Käsekuchen; immer mit "ae" geschrieben,
kein Wunder, daß meine Floats im IE6 nie geklappt haben...

Gruß,
noRiddle

P.S.
Nicht böse sein NMWorkwear, Spaß muß sein,
man könnte im Zeitalter des Internets aber auch mal ein bischen nachschauen und lernen...