Links und rechts Bildrand hinzufügen

Computer: Software & Programmierung HTML & CSS
#1

Liebe Leute

Ich möchte, dass meine Website links und rechts an den Rändern ein Bild hat, und in der Mitte ist der Text mit weissem Hintergrund.
Dafür habe ein bisschen rumgebastelt.
Hier ist das Resultat (Den Quelltext könnt ihr einfach mit Ansicht -> Quellcode oder was auch immer anzeigen):
http://kalsan.ch.vu.at.server28.hostfactory.ch/_temp…
Bei allen Browsern klappt es, aber nicht bei Internet Explorer.
Wie ihr seht, ist die Lösung sehr gebastelt (97% und so weiter).
Hat jemand eine saubere, mit allen Browsern kompatible Lösung, die den gewünschten Effekt erzielt: Links und rechts ein Bild, und in der Mitte die Site mit weissem Hintergrund?

lg
Kalsan

#2

Hallo Kalsan,

deine Lösung ist wirklich sehr „gebastelt“! Aber jeder fängt mal „klein“ an und „bastelt“ erst mal…

Schau dir mal das an: http://meadhra.com/CNET/041215/FigureA.html
Funktioniert in allen Browsern und ist auch „sauberes“ HTML und CSS.

Viel Spaß beim „weiterbasteln“

Robi

#3

Herzlichen Dank, das schaut schon viel besser aus!
Ein Problem hab ich noch: Ist der Text kürzer als ein Bildschirm, hört der weisse Hintergrund auf: http://kalsan.ch.vu.at.server28.hostfactory.ch/_temp…
Gibt es dafür auch eine so glatte Lösung?

lg
Kalsan

#4

Damit du saubere Webseiten erstellst:

http://validator.w3.org/check?uri=http%3A%2F%2Fkalsa…

Falls der Link nicht klappen sollte:

http://validator.w3.org

Grüße Roman

1 Like
#5

Bei #main noch diese Angaben machen:

height:auto;
bottom:0;
top:0;
left:20%;
position:absolute;

#6

Hm, das wirft die ganze Seite durcheinander…
Ich habe jetzt einfach das gemacht:

Klappt notfalls auch.

lg
Kalsan