Hallo,

ich möchte folgendes Design mit CSS umsetzen.



Da ich absolut neu auf dem Gebiet CSS bin, suche ich nun eine Möglichkeit, wie ich das am besten mit CSS umsetzen kann. Könnt Ihr vielleicht auch ein paar Tools empfehlen, mit denen man so etwas ohne große Kenntnisse in CSS umsetzen kann.

Gruß
Jochen

Du könntest das als Dreispalter betrachten, der horizontal und vertikal zentriert wird (siehe dazu die FAQ, wie auch zu anderen grundsätzlichen Sachen).

Der content ist dann die mittlere Spalte, im Bild also der rote Kasten. Links und rechts daneben sind zwei weitere Container mit etwas margin nach oben und einer festen Höhe und dem grünen Hintergrund. Wenn der Inhalt im grünen Bereich nicht exisitert, dieser Bereich also nur Schmuck ist, geht es wohl auch einfacher als mit einem Dreispalter.

Für nen Neuling ist das aber sicher nicht ganz einfach.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Eben, deshalb dachte ich auch erst einmal an ein Tool mit dem man so etwas ähnlich wie mit Powerpoint zusammensetzen kann.

Gruß
Jochem

Weiche, Satanas!

Nee, solche WYSIWIG (what you see is what you get) Editoren sind in aller Regel Schrott. Vielleicht nett für die kleine Homepage eines totalen Laien, der mal eben sein Klavier, seine Zimmerblumen und seine Katze auf ne Seite packen möchte, aber mit seriöser Webentwicklung hat das nichts zu tun.

Trennung von CSS und HTML ist damit nicht oder nur sehr umständlich möglich. Vor allem Browserübergreifende Lösungen sind schwierig (die WYSIWIG-Vorschau ist dafür nicht verwertbar).

Und zuletzt: Der ausgegebene Code ist endlos mühsam auseinanderzuklamüseln, wenn man mal mit dem ollen Tool nicht weiterkommt und per Hand nachbessern möchte. Ich kann verstehen, wenn Du Dich lieber mit dem Tool als mit den Codegrundlagen auseinandersetzen willst, aber komm dann bitte nicht mit Fragen an, die auf Code vom WYSIWIG-Editor gründen.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs