Detlef G.: Tabellenlayout durch CSS ersetzen

Beitrag lesen

Hallo Mike

Ja, ich muss wohl kleben. Das Design ist halt so:
http://www.ladenbuerger.de

Ich kenne das Design.
Dort gibt es nichts (außer der Linkerklärung beim Hovern), was mittels
position:absolute auf die Seite geklebt werden muss.
Ansonsten wäre der einzige Grund mit position zu arbeiten, wenn Kopf und
Navigation fixiert werden sollten.
Aber auch dann empfielt es sich nicht, jedes Element einzeln aufzukleben,
sondern jeweils ganze Blöcke.

Du verrennst dich in das Layout!

Schalte mal als erstes deine Gedanken an das gewünschte Layout ab!

Schreibe die Seiten als sinnvoll strukturiertes HTML!
(ich finde nirgends auf den Seiten auch nur eine Überschrift)

Erst wenn ein gut und sinnvoll strukturiertes HTML vorliegt, erst dann,
nicht eher, ist es sinnvoll das Design mittels CSS umzusetzen.

Bisher versuchst du eine Wand bunt anzustreichen, die überhaupt noch nicht
vorhanden ist.
Du willst eine Ecke mit blauem Glaseffekt, also versuchst du diese mittels
position mitten in die Luft zu hängen.
Baue erst die Wand (die HTML-Seite), dann kannst du diese anpinseln (CSS).

Erst, wenn die Seitenstruktur (HTML) steht, siehst du, welche Elemente
überhaupt vorhanden sind und welchem davon du welche Eigenschaften (CSS)
verpassen musst.

Bis jetzt versuchst du die Designelemente in die Seite zu kleben, um danach
den Seiteninhalt irgendwie dazwischen zu quetschen.
So geht das bei Tabellenlayout, wo du für jeden Inhalt und jedes
Designelement eine Tabellenzelle vorsiehst. Wenn du es bei einem CSS-Layout
genauso versuchst, wird es eine Div-Suppe oder zumindest eine Seite, die
sich nie den Inhalten oder der Browserfenstergröße vernünftig anpassen kann.

http://d-graff.de/demos/selfhtml/ladenburger/index.html
http://d-graff.de/demos/selfhtml/ladenburger/screen.css

Ups, da habe ich ja beim hochladen das e (ladenbu_e_rger) vergessen.

http://d-graff.de/demos/selfhtml/ladenbuerger/index.html
http://d-graff.de/demos/selfhtml/ladenbuerger/screen.css

So ist es besser!

Danke für Deine Unterstüzung. Ich habe mir deine "Version" abgespeichert, und sobald meine Kids mir wieder etwas Zeit lassen, werde ich sie mir zu Gemüte führen.

Das ist nur schnell als Beispiel so hingeschrieben (ok, auch ein paar
Grafiken zusammenkopiert).

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!