# Boxen, Spalten - Hilfe ich bin zu blöd für less..

**URL:** https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766
**Category:** Themes & Design
**Created:** [19. August 2015 um 11:51 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766 "2015-08-19T11:51:35Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 11:51 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/1 "2015-08-19T11:51:35Z")

</div>

Es ist zum verzweifeln. Ich bin wohl zu alt um diese Umstellung auf less zu verkraften. Jede Kleinigkeit dauert auf einmal Stunden, oft genug ohne zum Erfolg zu führen. Kann mir jemand bitte erklären, ob/wie es möglich ist, auf einer Shopseite (beim Responsive-Template) Inhalte “nebeneinander” darzustellen, am besten so, dass Sie bei verkleinertem Bildschirm untereinander floaten? Kann ich nicht einfach html/css-mäßig mit den bereits vorhandenen Styles Container/Boxen erzeugen, indem ich diesen bestimmte klassen zuordne? Also, etwa äquivalent zu sowas:

mein Inhalt Spalte 1

mein Inhalt SPalte 2  
Hilfe bitteee 🙂

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [19. August 2015 um 12:13 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/2 "2015-08-19T12:13:05Z")

</div>

Prinzipiell brauchst du überhaupt kein less zu „lernen“. Du kannst auch weiterhin - wie gewohnt - direkt css schreiben und deine Anweisungen in die .less packen. Viele Grüße

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 12:21 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/3 "2015-08-19T12:21:37Z")

</div>

Hallo Aquahunting, danke für den Hinweis, ja das habe ich auch schon so gemacht. Btw: irgendwie bin ich trotzdem ziemlich verwirrt mit dem .less-krams, mal mit einem"-" mal mit zwei “–” usw… Aber hat das Responsive-Template bereits eine ähnliche Logik, mit fließenden Containern, und Boxen (ich nehme an ja, denn in den Einkaufswelten gibt es ja die Option “masonry-Effekt” die ja ein ähnliches Verhalten hat)? Und kann mir jemand beispielhaft sagen, wie ich dass simple per Html nutzen würde?

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [19. August 2015 um 12:31 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/4 "2015-08-19T12:31:21Z")

</div>

[quote=„senana“]Btw: irgendwie bin ich trotzdem ziemlich verwirrt mit dem .less-krams, mal mit einem"-" mal mit zwei „–“ usw… [/quote] Das ist eine reine Namenskonvention von Shopware, um die Namen der Klassen besser zu strukturieren. Das hat erst einmal nichts mit less zu tun. [quote=„senana“]Aber hat das Responsive-Template bereits eine ähnliche Logik, mit fließenden Containern, und Boxen.[/quote] Auch das ist reines css. Shopware verwendet in der Regel einfach nur prozentuale Werte bei Breitenangaben von containern. Viele Grüße

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 22:32 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/5 "2015-08-19T22:32:57Z")

</div>

Ich möchte hier nochmal nachhaken, weil ich es einfach nicht hinbekomme: kann mir jemand bitte konkret sagen, wie ich einen Container bzw. eine Box ins Html schreibe (Shopseite), die eine andere Breite hat als die 100% verfügbarer Bereich?

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [19. August 2015 um 22:39 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/6 "2015-08-19T22:39:56Z")

</div>

Ein Beispiel: [code]

links

rechts

[/code] Viele Grüße

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 22:43 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/7 "2015-08-19T22:43:38Z")

</div>

Na Supi! Sowas meinte ich doch. Vielen Dank!

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 23:15 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/8 "2015-08-19T23:15:35Z")

</div>

☹ zu früh gefreut. Leider schmeisst mir der Editor das style-attribut raus

links

rechts

wird

links

rechts

Also muss ich wohl dem TinyMCE beibringen, dass er das lieber bleiben lassen soll. Jetzt habe ich das Plugin erweiterter Editor, aber gestern dazu im TinyMCE Wiki gelesen, dass man die gesamte Regel neu definieren soll im Bereich extend\_valid\_elements [quote]the entire rule for that element is over-ridden so be sure to include all valid attributes not just the one you wish to add[/quote] Nur, wo finde ich die Standard-Regeln aus valid\_elements?

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [19. August 2015 um 23:44 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/9 "2015-08-19T23:44:12Z")

</div>

NACHTRAG: Klappt auch nicht, wenn ich das Code-Cleanup von TinyMCE umgehe. In der Einkaufswelt habe ich dieses Widget [http://store.shopware.com/coe8629121483 … elten.html](http://store.shopware.com/coe8629121483321/html-feld-professional-fuer-einkaufswelten.html) und kann das Snippet unbeschadet in den code einfügen. In der Ausgabe sind dann die beiden div-container gleich breit

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/a/a69302daba74589fe12d6f187ea7282bc31e0081.png) Sonst noch ne Idee?

---

<div class="post-metadata">

### Author: ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)
#### Post date: [20. August 2015 um 00:34 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/10 "2015-08-20T00:34:28Z")

</div>

Ups… Da fehlt ja die Hälfte. Zweiter Versuch: [code]

links

rechts

[/code] Viele Grüße

---

<div class="post-metadata">

### Author: ![senana](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/senana/32/14169_2.png) [@senana](https://forum.shopware.com/u/senana)
#### Post date: [20. August 2015 um 12:51 UTC](https://forum.shopware.com/t/boxen-spalten-hilfe-ich-bin-zu-blod-fur-less/29766/11 "2015-08-20T12:51:38Z")

</div>

Moin Aquatuning, was soll man sagen. Das war wohl doch sehr spät gestern! 🙂 Ich habe das auch nicht gesehen, dass die Style-Attribute unvollständig waren. Jetzt klappts jedenfalls. thx
