Faux Columns: Breite Spaltenhintergrund angleichen
Posted: Fri 21. Nov 2008, 11:01
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?
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?