Hi,
ich wollte für meinen Shop eine fesstehende Navigationsleiste (die Artikellisten werden später länger sein) und einen Schatten um den Hauptinhalt.
Also habe ich die #navColumnOne aus dem #mainWrapper herausgenommen und mit position:fixed nach links gestellt.
Sonst wäre kein Schatten auf der linken Seite des Inhalts zu sehen.
Der mainWrapper bekommt dafür folgendes:
Funktioniert erstmal gut.
Das Problem ist jedoch, dass bei kleinen Bildschirmauflösungen der mainWrapper über die fixe Spalte und damit unter den Text der navColumOne gescrollt werden kann.
Ich habe schon mit diversen definierten Breiten, Positionen und margins rumprobiert aber bekomme es nicht in den Griff. Z-index hilft hier auch nicht weiter.
Wie löse ich das?
Der Shop ist als fast fertige Testversion unter http://www.foodaway.biz online.
gruss
dietmar
ich wollte für meinen Shop eine fesstehende Navigationsleiste (die Artikellisten werden später länger sein) und einen Schatten um den Hauptinhalt.
Also habe ich die #navColumnOne aus dem #mainWrapper herausgenommen und mit position:fixed nach links gestellt.
Sonst wäre kein Schatten auf der linken Seite des Inhalts zu sehen.
Der mainWrapper bekommt dafür folgendes:
HTML-Code:
<div id="mainWrapper" style="margin-left: <?php echo BOX_WIDTH_LEFT; ?>">
Das Problem ist jedoch, dass bei kleinen Bildschirmauflösungen der mainWrapper über die fixe Spalte und damit unter den Text der navColumOne gescrollt werden kann.
Ich habe schon mit diversen definierten Breiten, Positionen und margins rumprobiert aber bekomme es nicht in den Griff. Z-index hilft hier auch nicht weiter.
Wie löse ich das?
Der Shop ist als fast fertige Testversion unter http://www.foodaway.biz online.
gruss
dietmar
Kommentar