[SoftWood] Layer (über Hintergrundbild) Breite festlegen

[LiGERWooD]

Hi,

ich möchte das Style auf eine maximale Breite in px festlegen. Aber das Hintergrundbild soll bei 100% bleiben. Also ich möchte quasie nur die Breite des obersten Layer, der den ganzen Inhalt das Forums umfasst, ändern. Und zwar von 100% auf eine bestimmte Größe in px.

[Talk19zehn]

Hello LiGERWooD,

Sofern ich Dich richtig verstanden habe, soll nur das *Forum selbst eine feste Breite erhalten und der zugewiesene Hintergrund soll im Wrap bestehen bleiben und nicht dem Bereich Html/Body zugewiesen werden. Denn dies bedeutet weitere "Umbauarbeit". *Du könntest es folgendermaßen ausprobieren:

Code über Firebug entnommen:

Code: Alles auswählen

#wrap {
background-image:url("./styles/theme/images/bg_wrap.gif");
}

#wrap {
background-position:left top;
background-repeat:repeat-x;
min-width:650px;
padding:0 12px;
}

und verändert, wie folgt:

Code: Alles auswählen

#wrap {
background-image:url("./styles/theme/images/bg_wrap.gif");
}

#wrap {
background-position:left top;
background-repeat:repeat-x;
padding:0 12px;
width:830px;
margin: 0px auto;
}

Viele Grüße

[LiGERWooD]

Aha. Das heißt ich kann auch eine Maximal-Größe angeben, anstatt eine konstante? Das Problem liegt nämlich darin, dass das Forum aber einer bestimmten Monitorbreite unschön wird. Wenn ich jetzt aber die Breite des Forums konstant setzte, verhält es sich nicht mehr entsprechend der Fensterbreite. Ich meine daher, die beste Lösung ist, dass der Hintergrund sich immer zu 100% auf die Fensterbreite bezieht aber die Breite des Forums eine Maximalbreite haben sollte.

[Talk19zehn]

Hallo LiGERWooD,

Ich meine daher, die beste Lösung ist, dass der Hintergrund sich immer zu 100% auf die Fensterbreite bezieht aber die Breite des Forums eine Maximalbreite haben sollte.

Hier wird das Hintergrundbild im dem Style von 100% in der Breite vorgegeben:

Code: Alles auswählen

html, body {
background-color:#836E52;
background-image:url("./styles/theme/images/bg_outer.gif");
color:#383121;
}

Ich kann keine unschöne Darstellung, wie du sagst, entdecken.


Und an dieser Stelle wird das Forum selbst mit einem Hintergrund bestückt und die Breite ausgerichtet:

Code: Alles auswählen

#wrap {
background-image:url("./styles/theme/images/bg_wrap.gif");
}

#wrap {
background-position:left top;
background-repeat:repeat-x;
min-width:650px;
padding:0 12px;
}

Du könntest auch min-width auf ca. maximal 850px stellen. Zusätzlich die Darstellungen in den Browsern prüfen für geringe Auflösungen prüfen ( vertikaler Scrollbalken ). Das hätte zur Folge, dass bei einer Auflösung > 850px das Forum selbst immer 100% in der Breite einnimmt. Wobei das padding einen Abstand bemisst, den Du regulieren kannst.

Code: Alles auswählen

padding:10px 25px 20px;

--> oben, rechts und links, unten

Der vorherige Vorschlag ( vgl. vorherige Antwort ) hingegen begrenzt das Forum immer auf eine Breite von (vgl. Beispiel ) 830px. Das margin 0px auto; sorgt für eine Zentrierung. Padding ist auch hierbei ein denkbarer Ansatz und macht Sinn, wenn Du auf kleinere Auflösungen Rücksicht nehmen möchtest. Manche Kniffe verhindern einen Scrollbalken - je nach Konzept -.
Zudem stellt sich die Frage, was werden die Beiträge beinhalten? Denn für bebilderte Beiträge mag eine breitere Variante ggf. besser geeignet sein.

Einfach mal ausprobieren.


Viele Grüße