Enrico: Immer noch Probleme mit CSS-Layout

Hallo,

Leider muss ich mich immer noch mit meinem leidigen Problem CSS-Layout herumschlagen.

Nach stundenlanger Suche im Internet und unzähligen Experimenten habe ich es nun zwar geschafft, den Anzeigebereich, d.h. das Layout, vertikal zu zentrieren, dennoch gibt es noch ein paar unschöne Fehler.

Den aktuellen Stand der Dinge verdeutlicht die nachfolgende Grafik:

<img src="http://rotfuchs-w-1983.piranho.com/layout_komplett.jpg" border="0" alt="">

Der verantwortlichen Code kann über http://rotfuchs-w-1983.piranho.com/CSS_definitionen.txt eingesehen werden.

Anzeigeprobleme:

[1] Wenn ich beim unteren Rahmen die Angabe "float: left" lösche, dann wird der Rahmen zwar angezeigt, hat aber zum linken, unteren Eck keinen Anschluss:

<img src="http://rotfuchs-w-1983.piranho.com/layout_anschluss_links_unten.jpg" border="0" alt="">

Desweiteren geht der Rahmen bis zum rechten Rand des Anzeigebereiches und drängt das rechte, untere Eck in die nächste Zeile:

<img src="http://rotfuchs-w-1983.piranho.com/layout_eck_rechts_unten.jpg" border="0" alt="">

[2] Wenn ich - analog zur Vorgehensweise des linken, mittleren Rahmens, dem Anzeigebereich der Seite, und dem rechten, mittleren Rahmen vorgehe und beim unteren Rahmen die Angabe "float: left" ergänze, dann verschwindet der untere Rahmen. Dafür rutscht die rechte, untere Ecke zwar nach oben, wird aber geringfügig versetzt angezeigt:

<img src="http://rotfuchs-w-1983.piranho.com/layout_rahmen_mit_float.jpg" border="0" alt="">

Was muss ich an den CSS-Definitionen ändern, damit sich das Layout nahtlos zusammenfügt ?

Vielen Dank im Voraus.
Gruss, Enrico

  1. Leider wurden meine Bilder nicht eingebunden. Deswegen die Direktlinks:

    http://rotfuchs-w-1983.piranho.com/layout_komplett.jpg
    http://rotfuchs-w-1983.piranho.com/CSS_definitionen.txt
    http://rotfuchs-w-1983.piranho.com/layout_anschluss_links_unten.jpg
    http://rotfuchs-w-1983.piranho.com/layout_eck_rechts_unten.jpg
    http://rotfuchs-w-1983.piranho.com/layout_rahmen_mit_float.jpg

    Gruss, Enrico

    1. Hallo,

      zum Beispiel würde ich die ' aus den url-Angaben der Hintergrundbilder nehmen.

      Mit freundlichen Grüßen

      André

      --
      ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
      http://forum.de.selfhtml.org/archiv/2003/10/60651/