Linke Leiste mit rechter leiste auf selbe höhe bringen

[ManuelBoesel]

Hallo ihr

Ich bin gerade dabei mein Shop neu zu designen, und jetzt das Problem. Ich bekomme es einfach nicht hin das die linke leiste immer in der selben höhe wie die rechte ist ????

Wenn ich mit CSS die höhe ändere bleibt sie ja fix aber passt sich nicht an der anderen an

Sie bild. Was kann ich tut ??

Danke euch

[Magnus]

Hallo Manuel,

ein Ansatz heißt Faux Columns, soviel wie "falsche Spalten" und arbeitet mit Hintergrundgrafik(en). U.a. bei selfhtml beschrieben. Gibt aber noch andere, die z.T auch ganz ohne Grafik auskommen.
Nur noch als Tipp: hilfreich ist sowas in einer reinen html Seite einzubauen, also nicht gleich im shop. Dann kann man alles überflüssige weglassen und versteht dann auch, was passiert. Danach in den Shop übernehmen...

Gruß

Magnus

[ManuelBoesel]

Danke für deine Antwort

nur leider klappt es nicht hab ich schon versucht. mit der leiste in der mitte und rechts geht es da diese in einer DIV sind aber dir rechte ist ja seperat was die ganze sache erschwert ??

[Martens]

Hallo Manuel,

ich hätte da eine Lösung mit Javascript. Dazu musst Du templates/standard/website/index.tpl bearbeiten.
Die beiden Divs mit den Klassen mainNav und content benötigen eine ID (Zeile 238 und 367). Man kann einfach die Klassenbezeichnung nehmen:

Code: Alles auswählen

...
<div class="mainNav" id="mainNav">
...
...
<div class="content" id="content">
...

Dann am Ende, unmittelbar vor dem </body>-Tag, diesen Code einfügen:

Code: Alles auswählen

<script type="text/javascript">
/* <![CDATA[ */
if(document.getElementById('mainNav').offsetHeight < document.getElementById('content').offsetHeight)
{
   document.getElementById('mainNav').style.height = document.getElementById('content').offsetHeight + "px";
}
/* ]]> */
</script>

Hierdurch wird dem Div mit der ID "mainNav" die aktuell berechnete Höhe des Divs "content" zugewiesen. Die if-Abfrage bewirkt, dass die Höhe der linken Spalte nicht verringert wird, falls der Content mangels Inhalt nicht so hoch ist.

Viele Grüße
Martin

[ManuelBoesel]

PERFEKT


1000 Dank an dich

[Martens]

Gern geschehen, prüf aber bitte mal nach, ob das mit allen üblichen Browsern funktioniert. Ich hatte mir das nur im Safari angeschaut.

Grüße
Martin