CSS - Design, aber wie?

[kEv*]

echo $Begrüßung,

Wie würdet ihr dieses Layout in CSS umsetzten?
Ich habe keine Ahnung wie dieses zu dynmischen Inhalt anständig mit CSS formatiert werden kann.

Hat vielleicht jemand eine Idee?

echo Verabschiedung,
Vielen Dank
LG
--
kEv*
----

[wahsaga]

hi,

Wie würdet ihr dieses Layout in CSS umsetzten?

Dazu kann man dir anhand dieses Bildes nur sehr wenig sagen.

Da du offenbar zu faul warst, dieses "Layout" verbal etwas genauer zu beschreiben, gehe ich mal einfach davon aus, dass es sich bei dem mittleren Bereich um einen Container mit fester Breite handeln soll.

Dann kannst du dein feines Bildchen so, wie es ist, als Hintergrundbild der gesamten Seite nehmen, legst einen Container drüber (passend positioniert), und fertig.

Solltest du das nicht gemeint haben - tja, dann weiß ich jedenfalls nicht, _was_ du gemeint hast.

gruß,
wahsaga

[kEv*]

echo $Begrüßung,

Ok, faul nicht, fehlende Infos sind natürlich schlecht.
Also:

Die blau markierten Bereiche sollen nicht wiederholt werden. Die rot markierten sollten aber dynamisch in ihrer Höhe und Breite sein.
Ich will eine Breite von ~600 Pixeln nicht überschreiten, aber es sollte trotzdem dynmisch sein, soweit das möglich ist.
Am wichtigsten dabei ist mir allerdings, den horizontalen Teil nicht höhenabhängig zu gestalten.

Bitte vielmals um Entschuldigung für die schlampige Fragestellung.
Ich hoffe mich nun ausreichend ausgedrückt zu haben.

echo Verabschiedung,
Vielen Dank
LG
--
kEv*
----

[wahsaga]

hi,

Die blau markierten Bereiche sollen nicht wiederholt werden.

Das heißt also, alles "oben" bis einschließlich zur Ameise soll eine feste Höhe haben?
Wenn es nur um die Farbverläufe geht, dort also kein weiterer Bildinhalt enthalten sein soll, würde ich diesen kompletten Bereich über ein Hintergrundbild realisieren, dass in x-Richtung gekachelt wird.
Die Ameise selber könnte dann z.B. absolut Positioniert werden (muss nicht, gibt sicher noch andere Möglichkeiten).

Die rot markierten sollten aber dynamisch in ihrer Höhe und Breite sein.

Was enthalten die? Einen weiteren Farbverlauf o.ä., der sich kacheln liesse?

Ich will eine Breite von ~600 Pixeln nicht überschreiten, aber es sollte trotzdem dynmisch sein, soweit das möglich ist.

min- und max-width, Workaround für IE.

gruß,
wahsaga

[kEv*]

echo $Begrüßung,

hi,

Die blau markierten Bereiche sollen nicht wiederholt werden.

Das heißt also, alles "oben" bis einschließlich zur Ameise soll eine feste Höhe haben?
Wenn es nur um die Farbverläufe geht, dort also kein weiterer Bildinhalt enthalten sein soll, würde ich diesen kompletten Bereich über ein Hintergrundbild realisieren, dass in x-Richtung gekachelt wird.
Die Ameise selber könnte dann z.B. absolut Positioniert werden (muss nicht, gibt sicher noch andere Möglichkeiten).

Die rot markierten sollten aber dynamisch in ihrer Höhe und Breite sein.

Was enthalten die? Einen weiteren Farbverlauf o.ä., der sich kacheln liesse?

Ich will eine Breite von ~600 Pixeln nicht überschreiten, aber es sollte trotzdem dynmisch sein, soweit das möglich ist.

min- und max-width, Workaround für IE.

gruß,
wahsaga

Ja, bis zum Ende der Ameise feste Höhe, dann kachelbar, und der untere Teil des Rahmens wieder feste Höhe. Ist ja der Abschluß.
Nein es soll so aussehen wie das Bild im ersten Posting.

Der Rahmen unterhalb der Ameise ist dann logischerweise kachelbat, und kann in y-Richtung wiederholt werden.

Idee:

3 divs.

1 div ---
Alles bis zum Ende der Ameise als Hintergrundbild ohne Kachelung.

2 div ---
Der Rahmen links und Rechts gekachelt in y Richtung als Hintergrund.

3 div ---
Der unter Rahmen als Hintergrundbild ohne Kachelung.

Dann mein Inhalt und semantisches html im 2 div?
Korrekt als Lösung?

echo Verabschiedung,
Vielen Dank
LG
--
kEv*
----