Page 1 of 1

Faux Columns: Breite Spaltenhintergrund angleichen

Posted: Fri 21. Nov 2008, 11:01
by Adi
hallo!
ich experimentiere mit YAML. ausgehend vom beispiel layout_3col_faux_columns.css möchte ich die Breite des farbigen Spaltenhintergrunds reduzieren.
Im Beispiel sind %-Angaben: 25% für col1 und col2. Ich habe zunächst auch mit prozent-Werten gearbeitet, bin dann zu festen Breiten übergegangen, um die sache zu vereinfachen. Ich schaffe es nicht, die farbigen Hintergründe der Spaltenbreite von col1 und col2 anzupassen.
Die farbigen Hintergründe werden im Beispiel als Hintergrunddrafiken gesetzt:
#page_margins { background: #fff; }

#main {
background-color: #f00; /*transparent;*/
background-image: url(/img/bg_col_left.gif);
background-repeat:repeat-y;
background-position:left;
}

#page {
background-color: transparent;
background-image: url( /img/bg_col_right.gif);
background-repeat:repeat-y;
background-position:right;
}

#col1, #col2 {width: 175px; }

#col3 {margin-left: 175px; margin-right: 175px; border: 0; }

Wie kann ich die Breite der farbigen Hintergründe richtig anpassen, damit die farbige Hintergrundspalte col1 auch nur 175px breit ist und somit in meinem Beispiel die Spaltentrennlinie exakt unter der Linie vom Header liegt, siehe : http://brau.adeleschlachter.de/index.php?historie

Ich denke, ich müßte den rot eingefärbten Bereich nach links ausdehnen, habe mit verschiedensten Varianten margin-Angaben etc gearbeitet, kriege es aber einfach nicht hin, den roten Bereich nach links zu verbreitern, ohne den Inhalt von col1 nach links ausserhalb zu schieben. Liege ich denn da komplett falsch, irgendwie seh ich's im Moment nicht. hab ich da den groben css-wurm drin?

Re: Faux Columns: Breite Spaltenhintergrund angleichen

Posted: Fri 21. Nov 2008, 12:07
by Heiko H.
Hallo,

das wird sicher solange in die Hose gehen, wie Du versuchst in eine 175px breite Spalte, eine 300px breite Grafik in den Hintergrund zu laden... :idea:

[EDIT]
hab grad gesehen, die grafik ist nicht im hintergrund der spalte :oops:
trotzdem ist sie 125px zu breit und das ist der casus knaxus :wink:

EDIT2: Hab grad das Thema der Seite entdeckt. Da bin ich doch versucht Tips unter diesem diesem Lizenzmodell zu veröffentlichen... :lol:
[/EDIT]

Viel Erfolg, Heiko...

Re: Faux Columns: Breite Spaltenhintergrund angleichen

Posted: Fri 21. Nov 2008, 15:32
by Adi
hallo heiko,
SCHANDE ÜBER MEIN HAUPT!!!
so ein blöder fehler, das kann ja wohl nicht wahr sein!!! Danke dass du mir gerade die augen geöffnet hast!!! ... und man sollte niemals ungestraft einfach nur kopieren!!!
... und das mit der Lizenz bei dem (!) Motto musst du mir auch noch genauer sagen, woran hättest du denn da gedacht? ... an eine Verkostung ?

dicken Dank und ganz nette Grüße, Adi

Re: Faux Columns: Breite Spaltenhintergrund angleichen

Posted: Fri 21. Nov 2008, 15:38
by Heiko H.
Adi wrote:SCHANDE ÜBER MEIN HAUPT!!!
Passiert, manchmal sieht man den Wald vor lauter Bäumen nicht... :wink:
Adi wrote:... und das mit der Lizenz ...
Tips in diesem Forum bleiben selbstverständlich lizenzfrei, es passte nur zu gut zum Thema. :lol:

Prost, Heiko.

Re: Faux Columns: Breite Spaltenhintergrund angleichen

Posted: Fri 21. Nov 2008, 16:27
by Adi
.. vielleicht kann ich mich ja anderweitig revanchieren, ... denn auf den Weihenstephaner Berg ist's natürlich weit und wer den Nährberg erklimmen will braucht auch eine gute Kondition ...
in diesem Sinne nochmals danke dass du mich nicht länger hast suchen lassen !
Adi