• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

3 Spalten Layout + Dynamischen Rand !?

87er

Neues Mitglied
Hallo Html Freunde :)

Ich komme direkt neu ins Forum und hab 2 Probleme / Anliegen:

Anliegen 1:

Wie erstellt man ein 3 Spalten Layout mit je einer Grafik links und Rechts?
Dazu habe ich Euch mal eine kleine Skizze erstellt wie ich es mir vorstelle:

sosollesmalwerden.png


Ich kenne solche Layouts nur mit Navigationen Links und Rechts
(oder halt Infoboxen etc) Aber wie funktioniert das ganze mit je einer Grafik am Rand?
Zudem soll die Grafik nicht ganz bündig am Rand sondern fest positioniert sein.
Die einzigste Idee die ich hatte war mit Tabellen zu Arbeiten,
aber je nach Content rutschen die Grafiken Links und Rechts weiter runter :(

Anliegen 2:

Wenn sich jetzt eine Lösung für Anliegen 2 finden lässt,
hätte ich gerne die Seitlichen Grafiken "Dynamisch".
(weiss nicht ob man meine Idee so nennen kann)

Die Idee dahinter soll sein,
wenn ich zB auf meiner Startseite zb einen Content von 200px Länge habe,
reicht Grafik A und Grafik B an den Rändern.
Wenn ich jetzt aber zB einen Content von 400px Länge habe,
dann hätte ich es gerne so, dass der Content quasi mit wächst.

Und das meinerseits aus Schwierige noch dabei,
die Grafik die den Rand dann erweitert soll nicht immer die selbe sein :razz:

Hier mal eine weitere Grafik dazu:

sosollesmalwerden2.png


Also, um mein Problem etwas besser zu erklären:

Content mit 200px Länge: Grafik A und Grafik B reichen.
Content mit 250px Länge: Grafik A1 und Grafik B1 kommen zur Grafik A+B hinzu.
Content mit 300px Länge: Grafik A2 und Grafik B2 kommen zur Grafik A1+B1 hinzu.
...usw...

Der Hintergrund, hier hell Braun soll keine Grafik sein sondern je nach Wunsch
per RGB Farben im CSS definiert sein...

Geht sowas?
Wenn ja, wie?

Hab auch schon versucht zu Googeln,
aber ich vermute meine Suchbegriffe taugen nix :(

Ihr seit meine letzte Hoffnung,
gruß 87er
 
Ich kenne solche Layouts nur mit Navigationen Links und Rechts
(oder halt Infoboxen etc) Aber wie funktioniert das ganze mit je einer Grafik am Rand?

Hallo.

Mit einer Grafik funktioniert das genau so wie mit der Navigation oder den Infoboxen.

Mit CSS und float lässt sich dein Problem lösen.

Gruss
Elroy
 
Hallo.
Mit einer Grafik funktioniert das genau so wie mit der Navigation oder den Infoboxen.
Mit CSS und float lässt sich dein Problem lösen.
Gruss
Elroy

Ok mit float werd ichs mal versuchen,
Danke :)

Jemand vlt noch eine Idee zu meinem Zweiten Anliegen?
Denn da hab ich mal ehrlich gesagt null plan wie das klappen kann :(
 
Ich auch nicht und viele andere wahrscheinlich auch nicht. Du musst zugeben, es ist verdammt schwer, was du dir da wünschst. Einen Ansatz mit PHP könnte ich mir vorstellen, aber mit reinem HTML & CSS nicht! :P Aber selbst mit PHP ist das schwer zu realisieren.
 
Deswegen finde ich vlt auch nichts gescheites ^^
Dann werd ich mir mal was anderes einfallen lassen,
trotzdem Danke !
 
Ein Hintergrundbild, welches sehr gross ist und man sieht dann das ganze Bild erst wenn der Content grösser wird. Weisst du was ich meine?
 
Bei deinem zweiten anliegen würd es vielleicht helfen Content sowie die beiden Grafiken in einen Wrapper zu packen und mit float:left; anzupassen.
 
Zurück
Oben