wernersbacher

Hi, Leute!
Ich bastel bisschen an einer Website.
Oben ist der Header (400px hoch), dann der content, der sich automatisch nach unten verlängern kann; und eben noch den footer.

Der Text soll schon im Header anfangen, daher habe ich den Textblock mit z-index nach oben verschoben. Klappt auch, nur wird der Content nicht mehr entsprechend lang angepasst und der Text geht über die Box!

Seht:
Greydesign

Hat jemand ein Lösungsvorschlag?

__________________
"Echte Intellektuelle wie wir sollten ihre Lippen nicht mit Flüchen beschmutzen."
- Patrick Star

Mister Ad

nikosch

Wo genau liegt jetzt Dein Problem?

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

ChrisB

Nein, das hast du mit absoluter Positionierung und top getan.

Absolute Positionierung ist für sowas aber kaum geeignet.

Du könntest auf relative umstellen - dann bekommst du aber unten entsprechenden Freiraum.
Ein negatives margin-top hätte dieses Problem nicht.


Allerdings müsstest du m.E. da eigentlich gar nichts irgendwie durch die Gegend schieben, wenn du einfach die Vergabe der Hintergrundbilder etwas sinnvoller gestalten würdest.


Btw.: Den Verschachtelungsfehler im HTML solltest du wenigstens noch ausbauen.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

ByStones

__________________
Signatur:

wernersbacher

ChrisB: Wie wäre es denn sinnvoll?
ByStones: Das liegt wharscheinlich daran, dass das Design fertig ist und deshalb noch nicht ganz sauber ist.

__________________
"Echte Intellektuelle wie wir sollten ihre Lippen nicht mit Flüchen beschmutzen."
- Patrick Star

ChrisB

Du könntest die einzelnen Elemente dort belassen, wo sie im normalen Fluss liegen; und ihnen dann die Hintergrundbilder derart zuweisen, dass sich der gewünschte optische Effekt ergibt.


Ich sage ja nicht, dass man mit Positionierung/Verschiebung von Elementen nicht arbeiten darf - aber dann sollte man schon halbwegs wissen, was man tut und was sich wie auswirkt.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

wernersbacher

Wie meinst du das? 2 Hintergründe für ein Element?

__________________
"Echte Intellektuelle wie wir sollten ihre Lippen nicht mit Flüchen beschmutzen."
- Patrick Star

ChrisB

Nein, das geht mit CSS 2.1 noch gar nicht.


Du hast die Elemente HTML und BODY, die können schon mal Hintergrundbilder bekommen, die auch positioniert werden können.
Die Elemente deines Inhalts liegen da eh schon „drüber“, da ist also u.U. gar keine weitere Positionierung erforderlich.
Und die „runden Ecken“ kannst du bspw. auch dem ersten/letzten Element deines Inhaltes verpassen.

Noch mehr Grundlagenerklärungen geb' ich hier jetzt aber erst mal nicht ab; Erfahrungen mit dem Aufbau von CSS-Layouts kann jeder erst mal selber sammeln.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

wernersbacher

Aja, aber wenn der div-container eine dynamische Höhe haben soll, muss dieser ja als Hintergrund des Elements bzw übgeordnetem Element sein, in dem sich der Text befindet; ansonsten hätte er ja keine Höhe! Und wenn das Grafik Hintergrudnd es Elements ist, überlappt das ja den Header, da der text schon höher anfangen soll.
Da ist es doch piep, ob der header als Element oder als html bzw body Hintergrund angezeigt wird!

__________________
"Echte Intellektuelle wie wir sollten ihre Lippen nicht mit Flüchen beschmutzen."
- Patrick Star

ChrisB

Dieser Satz ergibt grammatikalisch wenig Sinn.

Welche Grafik?

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?