DIVs positionieren + Farbverlauf

[wers1]

Obwohl ich mich eig. mit webprogrammierung beschäftigen will brauche ich erstmal ein design, und dies bereitet mir gerade große probleme.

Damit ihr wisst was ich meine hier ein bild

mein erstes problem ist den Farbverlauf dynamisch einzubinden - ist das überhaupt möglich?

und das zweite: die 3 spalten sollten unten bündig aufhören (upps fehler in der zeichnung),könnt ihr mir sagen wie das geht?

Danke im Vorraus

wers1

 

[prm]

Farbverlauf:
Geht grundsätzlich mit einer sich horizontal kachelnden Grafik.
Einschränkung: Sie muss hoch genug sein, dass sie auch für längeren Inhalt noch ausreicht.
Vielleicht interessant: Webdesign mit Farbverlaufgrafiken (ziemlich unten: "Einfacher Farbverlauf")

Die Positionierung am unteren Ende lässt sich wohl auch realisieren. Dazu gibt es unterschiedliche Möglichkeiten. Das hängt davon ab, was du unter "unten" verstehst: Immer am unteren Ende nach dem Inhalt, dann werden die Grafiken einfach in Folge des Inhalts eingebaut.
Oder als fixer Footer immer am unteren Bildschirmrand.
Dann bei 100% height für html und body etwa so:

<img style="position: absolute; bottom: 0;" ...

 

[wers1]

erstmal danke wegen dem hintergrund. besser wirds wohl nciht funktionieren. (hab ja vorher be google auch nix gefunden)

nun zu dem 2.: ich wurde aus deinen erzählungen nich ganz schlau und denke wir haben aneinander vorbei geschieben :-D

deshalb habe ich die grafik nochmal geändert.

 

[prm]

Ja, dann kommen die "Footer-Grafiken" einfach unter den Inhalt. So wie z.B. das Impressum von meinem Linktipp. Ob das Text oder Grafik ist, spielt keine Rolle, wobei ich davon ausgehe, dass die Seite eine fixe Breite hat.

 

[wers1]

naja die 3 DIVs sind doch aber dynamisch d.h. sie dehnen sich aus je mehr text in ihnen steht. nun steht ja nicht in jedem genau so viel text wie nötig ist dass sie zugleich aufhören.

PS: entweder ich bin zu blöd zu kapiern oder zu blöd zu schreiben ;-)

 

[prm]

Sagen wir's mal so:
Du triffst auf eine Materie, mit der du dich noch nicht so recht auskennst.

Was macht man mit drei Spalten, die unterschiedlcih lang sind und trotzdem soll quer untendrunter noch was hin?

Man packt sie in eine "Schachtel", die so hoch ist wie die längste Spalte und so breit wie die drei Spalten zusammen. Der Schachtelboden ist sozusagen der gemeinsame untere Abschluss der drei unterschiedlich langen Spalten.
Und an dieser "Bodenebene" kann man dann wieder eine Quergrafik ansetzen.

Vielleicht hilft dir dies zur Veranschaulichung: Dreispaltiges Layout, zentriert mit fixen Breiten
Was in diesem Beispiel noch fehlt ist lediglich ein unterer Querbalken. Aber das ist wirklich kein Problem, den einzubauen.

Allerdings: Du wirst noch etwas lernen müssen, was die diesbezüglichen Zusammenhänge betrifft. Grafikdesign und web-technische Umsetzung sind eben zweierlei Dinge, wenngleich es interessant und nützlich ist, beides zu beherrschen.

 

[wers1]

ok jetzt hab ichs aber kapiert was du mienst. jetzt werd ich mich noch ein bisschen belesen wie ich das umsatze.

danke

Änderung:
nee ganz doch noch nicht. das die unterschiedlich anfangen macht mir noch probleme in meiner logik:(

 

[prm]

Du meinst z.B. die Ballgrafik oben links bzw. den Farbverlauf darunter, der zum Content rechts nebendran eine Art "Versatz" bildet?
Das löst man dadurch, indem man drei Spalten bildet, die alle bündig oben anfangen.
In die linke setzt man dann von oben nach unten den Ball und danach den Farbverlauf. Man kann so zusagen eine Längsspalte nochmal in Querspalten unterteilen bzw. mit mehreren Elementen füllen.

Ist in der Tat für einen Anfänger nicht ganz einfach auf Anhieb umzusetzen, aber keinesfalls unmöglich. Gewisse HTML und CSS-Kenntnisse sind jedoch unabdingbar.

 

[wers1]

ah danke jetzt müsste ich es wohl hinkriegen - versuche es morgen mal.