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?
Faux Columns: Breite Spaltenhintergrund angleichen
Re: Faux Columns: Breite Spaltenhintergrund angleichen
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...
[EDIT]
hab grad gesehen, die grafik ist nicht im hintergrund der spalte
trotzdem ist sie 125px zu breit und das ist der casus knaxus
EDIT2: Hab grad das Thema der Seite entdeckt. Da bin ich doch versucht Tips unter diesem diesem Lizenzmodell zu veröffentlichen...
[/EDIT]
Viel Erfolg, Heiko...
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...

[EDIT]
hab grad gesehen, die grafik ist nicht im hintergrund der spalte

trotzdem ist sie 125px zu breit und das ist der casus knaxus

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

[/EDIT]
Viel Erfolg, Heiko...
Re: Faux Columns: Breite Spaltenhintergrund angleichen
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
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
Passiert, manchmal sieht man den Wald vor lauter Bäumen nicht...Adi wrote:SCHANDE ÜBER MEIN HAUPT!!!

Tips in diesem Forum bleiben selbstverständlich lizenzfrei, es passte nur zu gut zum Thema.Adi wrote:... und das mit der Lizenz ...

Prost, Heiko.
Re: Faux Columns: Breite Spaltenhintergrund angleichen
.. 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
in diesem Sinne nochmals danke dass du mich nicht länger hast suchen lassen !
Adi