Hallo Jungs

Ich habe zwar sehr viele Beiträge über diesesm Thema gelsen konnte es leider aber nicht umsetzten auf meiner Page.

Kann mir jemand ev. weiterhelfen?
Ich Möchte gerne, das sich die linke und die rechte Spalte am Inhalt der Mittleren orientieren.

Leider klappten alle meine Versuche nicht.
Ich habe jetzt mal wieder das Ursprüngliche CSS File hochgeladen, damit man in etwa sieht wie es werden sollte.

The Page
http://vvschmerikon.ch/index3.php

Ich hoffe es hat jemand Zeit mir zu helfen.

Vielen Vielden Danke

Gruss

Ich empfehle Dir hierfür die Faux-Columns-Technik.

Danke für die Prompte Anwort

Mh ich denke diese Technik wird bei mir nicht funktionieren, da ich rechts kein wiederholdenes Schema habe.

Ich sehe da drei Spalten mit Hintergrundfarben und diese lassen sich doch wunderbar in einer Hintergrundgrafik einsetzen.

Mh nur Bedingt, da sicht ja der obere rechte Teil der Spalte nicht wiederholt. Somit kannst du kein Repeter machen.

Wenn du doch ein Repeater machts, kannst du mit dem Text erst unterhalb des rechten Bildes beginnen.

Was aber nicht das Ziel ist.

Wo ist das Problem?

Die rechte Grafik (logo.jpg) würde dann den "oberen" Teil der Hintergrundgrafik überdecken

Ah okey, verstehe langsam was du meint. Mal schauen ob ich das hinkriege.

Check mal deine pm

Hab ich schon

Hier kannst Du eine Auswahl meiner bisher erstellten Lösungsbeispiele als Anschauungsmaterial herunterladen:

1. http://www.tutorials.de/forum/css/20...ml#post1223592
   
2. http://www.tutorials.de/forum/css/20...ml#post1274347
   
3. http://www.tutorials.de/forum/css/25...ml#post1331998

Ich hab Dir mal das Modell mit allen erforderlichen Grafiken erstellt und hänge es hier als ZIP-Datei an

Eh super! Sieht schonmal super aus.

Nur auf IE stimmen die Abstände noch nicht ganz, hoffe ich schaffe das jetzt aber noch.

Greez Oli

Von welchen Abständen sprichst Du?

Der Abstand zwischen den drei Kollonen, der Navi, und den Ränden.

Also der weise Rand sollte überall gleich sein.

siehe Attachement

Korrekturvorschlag:

Code :

1 2 3 4 5

#wrapper {         background: url(images/3cols_middle.png) repeat-y;         width: 961px;         [b]margin: 0 8px 10px 11px;[/b] }

mh so will gar nix mehr gehen.

Versuche es auch noch weiter

Seltsam, bei mir zeigt die Korrektur ihre gewünschte Wirkung.

Und hier noch ein Tipp für den oberen Rand:

Code :

1 2 3 4

#spacer{         height:10px;         [b]overflow:hidden;[/b] }