Liebe Freunde,
hier wieder einmal eine kleine Bitte an das Forum. Ich habe eine Testseite auf http://www.pafs.de/csstest/ gestellt, die sich nicht so verhält, wie ich es gerne möchte.

Ausgangspunkt der Überlegung ist die klassische dreispaltige Tabelle, der gesamte Seitencontent befindet sich in der mittleren Zelle, die hat z.B. eine feste Breite. Das ganze möchte ich mit CSS nachbilden.

Ich habe sechs Ebenen angelegt, die Ebene "mitte" ist Elternelement für "mittelinks", "mittemitte" und "mitterechts". Und die genau bekomme ich nicht dorthin, wo sie sein soll. Sie muss rechts neben "mittemitte" stehen.

Die Styles habe ich eingebunden, vielleicht sieht jemand auf den ersten Blick, wo mein Fehler ist?

Danke für jede Antwort!

Gruß aus Hamburg FRANK

Hallo Frank,

schau Dir mal diesen Link aus der Browser-Forum-Linkliste an:
http://www.pixy.cz/...nky/css-3col-layout/

Dieses Layout kannst Du anpassen.
Alle Javascripte entfernen. Die Hintergrundbilder entfernen, Deine Farben und Schriftengrößen/arten festlegen.
Die Abstände (20% links und rechts) anpassen.

body {margin-left:20%;margin-right:20%; margin-top:0px; margin-bottom:0px;padding:0;}

Vielleicht kommst Du mit diesem Beispiel zurecht.

Gruß Sabiene

Sabine,

danke. Ich habe das einmal umgesetzt, das Ergebnis siehst du hier: http://www.pafs.de/...spaltig_mit_css.htm. Es verhält sich noch nicht hundertprozentig, ich habe drei Probleme in die Seite geschrieben. Schaust du sie dir mal an? DANKE!

Frank

Hallo Frank,

da kann ich Dir leider auch nicht weiterhelfen. Ich habe hier nur IE4, Netscape4 und Firefox.
Das Layout wird bei mir also nur in Firefox richtig dargestellt.

Der "cleaner" sorgt mit clear:both dafür, daß der Footer unterhalb der drei nebeneineinanderliegenden Rahmen erscheint.
http://www.w3.org/...current/test5526.htm

Gruß Sabine

Sabine, danke für den Hinweis! Jetzt hoffe ich, dass sich noch andere melden und mir einen Hinweis zum IE-Problem geben können. Gruß aus Hamburg
FRANK

Hallo Frank,

solltest Du gar nicht klarkommen, dann könntest Du das Layout der W3C zerpflücken
http://w3c.org/
Es entspricht Deinen Vorstellungen.

Oder den Style-Master ansehen (es gibt eine Demo):
http://www.westciv.com/style_master/
Mit dem Wizard kannst Du Dir Dein Wunschlayout generieren.

Gruß Sabine

Sabine, danke! Mach ich. Allerdings ist die Site vom W3C nicht zentriert in BildschirmMITTE gestaltet, ich glaube, dass genau das das Problem ist. Ich lade mir die 30-Tage-Demo vom Style-Master einmal runter ...