Logo überlagert Header / horizontales Menu

[lotecs]

Hallo zusammen,

 

hier http://antiquariat-kai-gross.de/prestashop/index.php überlagert das Logo Teile vom Header / horizontale Navigationsleiste.

 

Änderungen bei den Modulen / Positionen halfen bisher nicht weiter.

 

Lt. Firebug tritt der Fehler tritt irgendwo zwischen

 

<div id="header" class="grid_9 alpha omega"> und

<div id="header_right" class="grid_9 omega"> auf.

 

Ich komme da nicht weiter...

 

In der header.tpl habe ich bisher keine Änderungen vorgenommen.

 

PrestaShop-Version: 1.5.6.2

Standard Template

 

Hat jmd. einen Tipp?

[Luca01]

Hallo lotecs,

herzlich Willkommen im Forum

 

In der header.tpl habe ich bisher keine Änderungen vorgenommen.

Aber scheinbar an der global.css.

Das Logo überlagert die horizontale Navigation, weil Du ihm in der global.css-Zeile 547 die Eigenschaft "position: absolute;" mit gibst.

Viele Grüße

Edited January 25, 2014 by Luca01 (see edit history)

[lotecs]

Hallo, Danke,

 

mit

 

#header_logo {
        position: relative;
        left:0;
        top: 10px;
        z-index: 1;
} sieht es schon besser aus.

 

Die global.css war aber noch Original.

[lotecs]

... wenn ich jetzt noch den BlockSchnellsuche und BlockSprache über das Logo... an den oberen Rand / TOP bekäme.

 

Mit "#header_logo {position: absolute;" sind die Module am oberen Rand, aber dann ist die Überlagerung wieder vorhanden.

Mit "#header_logo {position: relative;" rutschen die Module tiefer...

 

Die Module sind jeweils unter Position in "Top of Pages" und "Pages Header" eingebunden.

[Luca01]

Hallo lotecs,

wir haben ein eigenes Theme. Darum hänge ich die Module nur grob ein und konfiguriere dann die Feinheiten über die css bzw. die tpl-Dateien. Mit der Möglichkeit wie man das Design über die Reihenfolge in der Modulkonfiguration beeinflussen kann, habe ich mich kaum beschäftigt.   

Tut mir leid, ich muß mich da rausklinken.

viele Grüße

[BluTiGeS]

Absolute ist logisch das es sich überlagert, mal mit float gearbeitet?

 

Oder logo im tpl File HTML mäßig verschoben? Man muss nicht alles krampfhaft über css lösen HTML + css ist der optimale weg