Omega-960-grid: einzelne Region per CSS designen (border+padding sprengt Design)

Schaue mal hier und wenn du es so haben möchtest kanns du ja den CSS anschauen www.business-solutions.lu ( Projekt in Bearbeitung nur zur Info )

Hi Patrick,

schöne Website!

Habe ich das richtig verstanden, dass du eine Box mit einer dunklen Hintergrundfarbe ausstattest und ein kleineres div mit hellem hintergund reinlegst. Der dunklere Hintergrund des übergeordneten (aber drunterliegenden) divs schimmert dann am RAnd durch und erzeugst so einen Rahmen?
Stimmt das so? *grübel*

Gäbe es noch andere Wege?

Danke für deine Mühe!

lg

PS: Es ist schon richtig, dass ich all meine eigenen css-Deklarationen in die global.css schreibe, oder?

Hilfe, das klappt nicht!
Unsinn was ich da oben geschrieben habe...
Ich habe der Region "Sidebar rechts" nun eine Klasse zugeordnet und mit dieser die Hintergrundfarbe auf schwarz geändert.

So, aber wie bekomme ich da jetzt noch was rein, wo ich eine weitere Hintergrundfarbe einstellen kann?
Ein Block? Hier könnte ich divs einfügen und den Hintergrund anpassen, aber das betrifft dann ja nicht die gesamte Region. Außerdem bräucte ich ja dann noch weitere Blöcke in diesem block... unlogisch.
Ein Div? Wüsste ich nicht, wie ich das hinbekommen soll. Wo könnte ich denn ein div in der Region hinzufügen.

Versteht Ihr mein Problem?

Wenn du in den region Einstellungen in der Breite bei content oder sidebar eine spalte abziehst sollte es passen.

Als Beispiel:

Du hast ein 12 spaltiges Layout

content 8 Spalten
sidebar 4 Spalten

dann stellst du z.B. content auf 7 Spalten und sidebar auf 4 Spalten.

lg
hasel

Dank dir Hasel, aber ich möchtewegen 2px nicht auf eine ganze Spalte verzichten... Weisst was ich meine?

Ja so wie du das beschrieben hast stimmt das. Das abziehen einer Col im Content denke ist aber die einzige Lösung denke ich die im Ansatz richtig wäre. So wie ich in englishen Foren aber lesen konnte, haben sich schon viel die gleiche Frage gestellt. Genau so gibt es mit den Panels zur Zeit noch einiges was nicht ganz klar ist und geregelt werden muss oder wird. Einige fragen nach weitern Divs, so auch um die Blöcke befor und after Content, das was ja jetzt geht in Drupal 7 ohne extra Region.

meine Zugabe zum Code > style="border:1px solid;padding:15px"

Habe schnell im Firebug folgendes geschrieben, und alles bleibt an seinem Platz also keine Spalten Verschiebenung.
Siehe Anhang.

Hi Patrick, schön, dass du nochmal da bist, danke.

EIns verstehe ich nicht: Du hast bei deiner beispielseite doch auch keine Spalte gelöscht:
region-content hat 6 Spalten, region-sidebar-first hat 3 Spalten und region-sidebar-second hat nochmal 3 Spalten... = 12 :-)

Wie erstellst du denn die region-inner? Und wie fügst du da dann deine ganzen divs ein: block-search-form, block-quick-tabs, block-inner???

Das ist super geil, wie du das gemacht hast, aber ich frage mich wie?

PS: Das war die Antwort auf dein Post von 17:34h

Wie du im Anhang siehst oder Live auf der Webseite, lass es für 1 Stunde stehen.

Dies habe ich jetzt als Test in meine global.css eingefügt

Hi Patrick,
sorry, vielleicht habe ich mich falsch ausgedrückt, aber ich befürchte wir reden gerade aneinander vorbei. :-)
Den CSS Teil verstehe ich. Ich weiß, wie du die Regionen per CSS definierst.

Ich verstehe nur nicht, wie man die Regionen selbst so in Drupal anlegt, wie du es gemacht hast.
Du hast regionen in Regionen angelegt und darin, dann nochmlas mehrere übereinander liegende Blöcke.

Verstehst du jetzt was ich meine?
Machst du das in Drupal selbst (unter Design/Einstellungen/Subtheme) oder muss mann das in der page.tpl.php machen?

ICH DANKE DIR!

Ich habe nur die Blöcke in die rechte Spalte platziert, die Ausgaben Sektionen und so weiter, sind von Omega, das du ja anwendest, als Subtheme ( Ich HTML 5 Subtheme )

Also müsstest du doch die gleichen Divs und Sektionen haben wie ich nicht. sonst mach mal ein Screen von deinem Quellcode dann kann ich vergleichen.

Also bei mir sieht das anders aus.
Ich zeig dir mal ein paar screenshots und den Quelltext vom entsprechenden Bereich: