main und right div höhe auf 100% setzen

[Frauke]

Hallo liebe Contao-Community,

ich hbae wirklich schon ewig gesucht und viel ausprobiert, aber so richtig will es nicht klappen. Hier erst einmal die Webseite um die es sich handelt:

http://www.icl-ing.com

Problem:
Die Linien die die #main und #right divs begrenzen sollen bis ganz nach unten gehen, die Bereiche hören aber nach dem Inhalt auf, wobei sich #main von der Länge her sogar an #right orientiert, umgedreht also nicht, somit sind die Linien sogar teilweise unterschiedlich lang.

Schon versucht:
- Hintergrundgrafik repeat y in verschiedenen Variationen
- min-height: 100%; und height: 100%; in allen Varianten versucht.

Ich weiß einfach echt nicht mehr weiter und würde mich total freuen, wenn sich das mal jemand anderes anschauen kann, vielleicht übersehe ich einfach nur etwas.

Vielen Dank
Frauke

[PeterH_]

für die spaltentragenden Elemente padding-bottom: 30000 und margin-bottom -30000 und fürs umgebende Element overflow: hidden können helfen, falls die Spalten floaten.

IE bis 7 braucht im CC dafür overflow: visible und irgendwas das haslayout erzeugt, evtl. zoom: 1

[melzebub]

so ohne weiteres ist das nicht möglich. für die 100% geschcihte musst du body und html auch auf 100% setzen. dann sollte es gehen. allerdings orientiert sich dann immer alles an die fensteröße. solltest du dann inhalt haben, der über das fenster hinausragt, sind dir einfach alles hintergrundbilder abgeschnitten.
falls jemand dafür nen schöneren workaround hat, immer her damit. ich habe noch nichts brauchbares gefunden.

greetz

[Frauke]

@PeterH_: funktioniert leider nicht, trotzdem danke. Das ist auch das grunlayout von typolight, ich weiß also nicht genau, ob die spalten floaten.

@melzebub: das klingt ja leider nicht sehr vielversprechend. ich melde mich auf jeden Fall, wenn das Problem gelöst ist.

Für weitere Ansätze bin ich auf jeden Fall dankbar.

[planepix]

Hallo Frauke,

ein Ansatz:
eine Hintergrundgrafik (Linie) erstellen und als Hintergrundgrafik einbinden;
dabei ist die Position unten und links (oder rechts). Die Höhe z.B. auf 4000 Pixel setzen, damit auch längere Seiten noch mit Linie angezeigt werden.

Die Hintergrundgrafik dann in der Breite von #left und #main anlegen und dem #container zuweisen.

[Frauke]

Danke schonmal, ich check's morgen aus, jetzt heißt es erstmal Deutschland unterstützen.

[elmuerto]

Habe mir die Seite angesehen, wie hast Du das gelöst?
Grüße
Muerto

[Frauke]

hey Muerto,

sorry für die späte antwort. also eigentlich funktioniert es noch nicht. habe erstmal den tip von planepix aufgegriffen und die linien als hintergrundgrafik in #container gesetzt. damit sind sie wenigstens erstmal überall gleich lang und es fällt nicht mehr so stark auf. dennoch geht der container bis jetzt noch nicht über die ganze seite. sitze aber gerade auch noch an anderen projekten, melde mich, wenn ich ne komplettlösung gefunden habe.

viele grüße