Problem mit FullWidth anpassung

Hallo Zusammen,

Ich bin mal wieder am anpassen einer Webseite und das will nicht ganz so wie ich will :sad: Füt ein Tipp wäre ich dankbar!
Zum technischen: Habe ein ChieldTheme, arbeite mit einem Backup usw. bin nur ratlos was ich in der style.css verändern muss.

1) Referenz bzw. Ziel
Es geht darum folgendes Layout der Seite zu bekommen.

2) Das eigentliche Problem
Das mit den drei Spalten, den verschiedenen Hintergründen und dem Inhalt ist alles nicht das Problem. Mein Problem ist es den Seiteninhalt (also diese Page) auf die gesammte Seite auszuweiten. Das bekomme ich nicht ganz hin. Unten habe ich ein Bild angefügt, wo zu sehen ist wie das momentan aussieht, ich will sozusagen den weissen Bereich mit dem Inhalt über die komplette Seite ausweiten.

So, habe dann jedenfalls das Element gründlich untersucht und habe da eine Variante gefunden den Inhalt auszuweiten, allerdings habe ich jetzt das Problem, dass das Logo und das Menü oben sich ebenfalls mit verschiebt, das soll es aber nicht. Ansonsten stimmt die seite!
Hier ein screen dazu:

Das Element was ich verändert habe, war vermutlich falsch. Allerdings habe ich da nichts anderes mit Firebug gefunden was ich verändern könnte um das gewünschte Ergebnis zu erreichen. Ich weiss jetzt nicht ob das was bringt, aber ich schreibe nochmal dazu was ich gemacht habe.
Das element ..

<div class="mid-content clearfix">

habe ich folgendermassen verändert von 1117px auf "auto"

[COLOR=#222222][FONT=Consolas][COLOR=#888888][COLOR=#222222]
.mid-content[/COLOR][/COLOR] {


[/FONT][/COLOR]width: [COLOR=#ff0000]auto[/COLOR];
margin: 0 auto;[COLOR=#222222][FONT=Consolas]
}
[/FONT][/COLOR]

Allerdings zeigt mir der Browser auch media="all" direkt darüber an wenn ich mir das mit Firebug ansehe. Soweit ist das schon logisch dass sich dann alles verschiebt aber ... wie bekomme ich denn jetzt den Seiteninhalt auf die komplette Seite ausgeweitet ohne dass sich das Logo und das Menü verändert?

Danke fürs lesen und mitdenken :)
Gruss
tio

Oh Sorry, dachte den hatte ich da irgendwo drin :D

Hier der link:
http://mumaler.no/?page_id=480

Ist aber alles noch nicht ganz fertig :oops:

Gruss
Tio

Nachtrag: Aber vielen Dank fürs ansehen :)

Zitat von SuMu

Warum machst du es dir so schwer und nimmst kein fertiges Theme u. passt es etwas an?
oder du nimmst das hier.

Ist ja ein fertiges Theme was ich anpasse. In diesem Theme gibt es aber kein FullWidth-Template das man auf Beitragsseiten anwenden könnte :( Ansonsten bin ich ja auch echt zufrieden. Das Anpassen auf der Startseite ging wunderbar mir fehlt jetzt nur noch die Beitragsseite da im richtigen Format. Und ja, vllt ist das Theme nicht ganz klug gewählt aber das sollte doch nicht das grosse Problem sein den Inhalt auf die ganze Seite ausgeweitet zu bekommen oder ?

Gruss
tio

Ich habe ".site-main {width: 1800px;}" in meiner style.css hinzugefügt. Der Bereich des Inhalts ist deutlich grösser geworden, allerdings geht das über den rechten Bildschirmrand hinaus und links tut sich gar nichts.

Gruss
tio

Zitat von alchymyth

[COLOR=#0000CD][FONT=courier new].mid-content [/FONT][/COLOR]kommt in (mindestesns) zwei verschiedenen containern vor: [FONT=courier new][COLOR=#0000CD]#masthead [/COLOR][/FONT]und [FONT=courier new][COLOR=#0000CD]#content[/COLOR][/FONT]

wenn du deine CSS auf [FONT=courier new][COLOR=#0000CD]#content [/COLOR][FONT=arial]spe[/FONT][/FONT][FONT=arial]zifisch[/FONT] anwendest, scheint das zu gehen:

Code

#content .mid-content { width: 100%; }

frage: wieso packst du deine angepasste CSS nicht in die style.css vom child theme?

Vielen vielen vielen vielen Dank :) !!!
Das hat soweit jetzt geklappt.

Bezüglich der ChieldTheme frage: ich arbeite viel lieber wenn ich da bereits code habe den ich abändern kann. Wenn die Seite fertig ist werde ich die style.css in das ChieldTheme kopieren und das orginal theme wieder herstellen vom Backup. Sollte doch so gehen oder :D ?

Gruss
Tio