Abstände zwischen Spalten

[matham13]

Hallo,

ich nutze ein 3-spaltiges Layout für meine Seite. (Entwickelt aus der Standardvorlage). Nun würde ich aber gerne zwischen Linke Spalte und Hauptspalte, sowie zwischen Haupt und rechter Spalte einen etwas größeren Abstand haben, damit das ganze optisch besser lesbar ist.

Wo kann ich den Abstand einstellen, den Typolight da standardmäßig nutzt?

Grüße
Matthias

[Nina]

Hast du einen Link zu deiner Seite? Dann kann man solche Fragen immer am schnellsten beantworten.

Grundsätzlich würde ich die (Innen)abstände zwischen den Bereichen immer mit diesen Klassen ansprechen und z. B. so einstellen:

#left .inside { padding: 0 20px 0 0; }
#main .inside { padding: 0 20px; }
#right .inside { padding: 0 0 0 20px; }

Doe Anweisung von #main .inside könnte man sich natürlich im Grunde auch sparen und stattdessen bei den anderen beiden hinzufügen. Hängt vom Layout ab.

[Hueso]

Hi Nina,

alles schön und gut, aber wenn du den jeweiligen .inside(s) ein padding gibst, bleibt dieser padding auch wenn in die rechte spalte (z.b.) nichts eingetragen wird.

Beispiel:
#right .inside
{
padding-left:30px;
margin-left:30px;
border-left: 1px solid #CCC;
}

Würde ca. so aussehen:
--------- | ---- ENDE
--------- | ---- ENDE
--------- | ---- ENDE

Sind jedoch in der rechten Spalte z.b. keine Inhalte eingetragen wird das padding und der border dennoch dargestellt:
-------------- | ENDE
-------------- | ENDE
-------------- | ENDE

Daher meine Frage, gibt es eine andere Lösung, um der rechten oder linken Spalte ein padding und oder border zu geben, das nur bei entsprechender Nutzung der Spalte sichtbar ist?

Im Prinzip wäre es schon eine Lösung, wenn das .inside innerhalb der rechten und linken Spalte nur dann sichtbar wäre, wenn auch Inhalt drin ist. Vor diesem Problem stehe ich nämlich aktuell.

Ne Idee??

[MiTsch]

Hallo Hueso,

ich kann mich da Nina nur anschließen:

Hast du einen Link zu deiner Seite? Dann kann man solche Fragen immer am schnellsten beantworten.

Viele Grüße
MiTsch

[MacKP]

Ich versteh den Sinn von einem Spaltenset nicht, wo man dann einen Bereich leer lässt... soll das wegen dem Design so sein sollte man das mit extra Klassen lösen. Ansonsten ist das auch nicht besser als ein Tabellen Layout ;-)

Viele Grüße

[Hueso]

Hi Leute,

Link kann ich leider nicht posten, da Kundenprojekt - aber die Problematik ist recht simple:

Ziel: Abstand zwischen den Spalten (links | haupt | rechts - sonst klebt ja der text komplett zusammen). Den Abstand könnte ich jetzt dem .inside-div geben. Wenn allerdings keine Inhalte mehr drin sind, bleibt das Padding, da #left .inside und #right .inside immer sichtbar sind und NUR der Inhalt nicht mehr angezeigt wird.

Lösung wäre:
Wenn keine Inhalte in linker/rechter Spalte, divs komplett weg: KEIN #left oder KEIN #right - is aber leider nicht so.

Ich versteh den Sinn von einem Spaltenset nicht, wo man dann einen Bereich leer lässt

MacKP, stell dir vor du gibst einem Kunden ein CMS mit 3 Spalten und er möchte den Inhalt der Linken Spalte löschen. Dann sollte das Design / Layout trotzdem noch gut aussehen (aktuell wäre immernoch Abstand links)

Ich hatte geschrieben:

Früher gab es da die Extension "optional_rows", die genau das glaube ich gemacht hat, ist aber seit 2.8 oder so nicht mehr kompatibel.

Aber habe soeben gemerkt, dass ich diese Extension schon benutze und dank ihr auch die Spalten verkleinert werden, nur eben bleiben die divs (und das padding dazu) noch weiterhin sichtbar.


Wie macht ihr denn einen Abstand zw. den einzelnen Spalten ohne jedes mal ein neues Layout anlegen zu müssen, wenn Inhalte wegfallen?

[kos]

Möglicherweise kann Dir die Erweiterung optional_rows weiterhelfen. Ist allerdings nur bis 2.8 freigegeben.
Aber vielleicht gehts ja.

EDIT:

da hab ich wohl einen Browser-Tab benutzt, der schon länger nicht mehr aktualisiert wurde.

[MacKP]

MacKP, stell dir vor du gibst einem Kunden ein CMS mit 3 Spalten und er möchte den Inhalt der Linken Spalte löschen. Dann sollte das Design / Layout trotzdem noch gut aussehen (aktuell wäre immernoch Abstand links)
Wie macht ihr denn einen Abstand zw. den einzelnen Spalten ohne jedes mal ein neues Layout anlegen zu müssen, wenn Inhalte wegfallen?

Ich mach das ganz einfach mit Schulungen ;-)
Subcolumns sind da ja super einfach, auch von Kunden gut einsetzbar.
Oder man macht es mit dem 960gs, wo man dann mit Klassen arbeitet...
So oder so bekommen die Editoren das dann per Schulung beigebracht, wie man damit richtig umgeht.

Wenn es um die Hauptspalten geht, kann man ja ganz einfach verschiedenen Seitenlayouts anlegen, die dann die Leute wieder zuweisen können in der Struktur.

Das ganze dann noch in ein paar Sätzen in der Doku und das sollte reichen.

Viele Grüße

[Hueso]

Danke MacKP, aber in der aktuellen Website muss ich eine allg. Lösung finden, da die Spalten recht häufig geändert werden.

Ich würde ja gern das hier machen...

#left .inside .mod_article 
{
padding-right:30px;
margin-right:30px;
border-right:1px solid #CCC;
}

...aber manchmal ist eben nur ein Formular oder ein anderes Modul (ohne .mod_article-Klasse) drin. Dann passt es eben nicht mehr.

=> Kann ich nicht einfach ein DIV um den Inhalt der Spalten herum legen, die dann auch immer mit verschwindet? Die ich etwa immer so ansprechen könnte:

#left .inside .SPALTEN_WRAPPER {.....}

Wenn möglich, wo müsste ich das anpassen?

[Hueso]

Habe das Problem nun mit Hilfe der Optional_rows-Extension gelöst.

Folgendes angepasst:

in: /system/modules/optional_rows/OptionalRow.php ab Linie 38

		if($objLayout->optionalLeft) {
			if(!strlen($objPageRegular->Template->left)) {
				$headStyle.="#left{width:0px; padding:0; margin:0; border:none;}\n";             // <------ HIER ZUSÄTZLICHE STYLES HINZUGEFÜGT
				$headStyle.="#main{margin-left:0px;}\n";
       		}
		}
		if($objLayout->optionalRight) {
			if(!strlen($objPageRegular->Template->right)) {
				$headStyle.="#right{width:0px; padding:0; margin:0; border:none;}\n";             // <------ HIER ZUSÄTZLICHE STYLES HINZUGEFÜGT
				$headStyle.="#main{margin-right:0px;}\n";
       		}
		}

Danke dennoch für die Hilfe!
Grüße,

Hueso