tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/25976-verwendung-rechte-spalte-lsst-sich-in-der-breite-nicht-anpassenRockSolid Themes: Discussion 2021-08-06T09:37:20Ztag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-03-12T12:58:24Z2018-03-12T12:58:24ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Vielen Dank für Ihre Frage.</p>
<p>RockSolid Themes verwenden das Contao-CSS-Framework nicht, deshalb hat die Einstellung der Breite der rechten Spalte in den Layouteinstellungen keine Auswirkung.</p>
<p>Sie können die Breiten anpassen indem Sie folgenden CSS-Code in die Datei <em>files/opensauce/css/custom.css</em> einfügen:</p>
<pre>
<code>.sidebar {
width: 25%;
}
.main-content {
width: 64.14286%;
}
@media screen and (max-width: 900px) {
.sidebar {
width: auto;
}
.main-content {
width: auto;
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-03-12T14:44:36Z2018-03-13T07:56:52ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Vielen Dank für die rasche Antwort!<br>
Eine Verständnisfrage noch:<br>
Warum wird der .main-content mit einer width: 64.14286% angegeben?<br>
Was ist, wenn ich die .sidebar mit width: 20% erfasse wie ist dann der Wert für den .main-content?<br>
Danke </p></div>Bernhard Teppantag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-03-13T08:04:28Z2018-03-13T08:04:28ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Das Design des Open Sauce Themes basiert auf einem 28-Spalten Grid. Das ergibt eine Breite von 3.57143% pro Gridspalte. Der <code>.main-content</code> Bereich und die <code>.sidebar</code> haben rechts, links und zwischen den beiden jeweils eine Gridspalte Abstand somit bleiben 89.28571% an Breite übrig die auf die beiden Bereiche aufgeteilt werden können.</p>
<blockquote>
<p>Was ist, wenn ich die .sidebar mit width: 20% erfasse wie ist dann der Wert für den .main-content?</p>
</blockquote>
<p>Die Berechnung dafür lautet somit:<br>
<code>89.28571% - 20% = 69.28571%</code></p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-03-13T12:05:21Z2018-03-13T12:23:17ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Vielen Dank - jetzt kenn ich mich aus!</p></div>Bernhard Teppantag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-04-05T11:06:28Z2018-04-05T11:06:32ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Ich hab nun noch ein Problem und bitte um Ihre Unterstützung!<br>
Ich verwende in der Hauptspalte 'Boxen'. Sobald ich mehr als 2 Spalten entsteht am rechten 'Rand' ein zusätzlicher 'Bereich' der daurch eine 'Zentrierung' der Boxen-Inhalte (in meinem Fall Bilder) unmöglich macht.<br>
In meinem Fall werden auf der Startseite 5 Bilder dargestellt, wobei je 2 in den ersten beiden Reihen und noch 1 Bild in der 3. Reihe dargestellt wird.<br>
Dasin der 3. Reihe ist schön zentriert, die 4 in den ersten beiden Reihen sind nach links gerückt.<br>
(Siehe Beilage)</p></div>Bernhard Teppatag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-04-06T06:34:31Z2018-04-06T06:34:31ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Vielen Dank für Ihre Frage.</p>
<p>Wir konnten den Fehler nicht reproduzieren. Haben Sie den CSS-Code für die Boxen verändert?</p>
<p>Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/448878832018-04-06T09:10:13Z2018-04-06T14:34:15ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>Ich hatte folgenden Eintrag in der 'custom.css' für einen anderen Bereich der Website:</p>
<pre>
<code>.rs-column {
margin: 0;
}</code>
</pre>
<p>Ohne diese Anpassung passt es nun so wie ich es haben möchte.<br>
Danke für den entscheidenden Hinweis! ;-)</p></div>Bernhard Teppantag:help.rocksolidthemes.com,2012-07-23:Comment/448878832021-08-06T09:27:33Z2021-08-06T09:36:07ZVerwendung: Rechte Spalte lässt sich in der Breite nicht anpassen<div><p>-</p></div>Andreas