# Eigenschaft - Tabellen Breite Anpassen inkl Rahmen
**URL:** https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396
**Category:** Programmierung
**Created:** [8. August 2017 um 12:09 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396 "2017-08-08T12:09:38Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [8. August 2017 um 12:09 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/1 "2017-08-08T12:09:38Z")
Hallo Community,
ich möchte gerne die Breite der Eigenschaft-Tabelle auf volle Breite anpassen, die dies sehr unpassend aussieht und gedrück.
Habe bereits im /theme/Frontend/Responsive/frondend/\_public/src/less/\_modules die **detail.less** auf Zeile 218 auf 190% gesetzt, hat auch geklapt, leider bleibt der Rahmen bei 100% so das er Quasi wo der Original Strich runter geht verbleibt.
**_Wie passe ich das Update-Sicher inkl. Rahmen an?_**
**_Originalbild:_**
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [8. August 2017 um 12:50 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/2 "2017-08-08T12:50:07Z")
Du müsstest folgendes Finden und anpassen:
```
@media screen and (min-width: 64em)
.product--details .product--properties {
width: 50%;
}
```
Vorsicht das ein Auszug aus der CSS (vom Demoshop)
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [8. August 2017 um 12:53 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/3 "2017-08-08T12:53:56Z")
> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
>
> Du müsstest folgendes Finden und anpassen:
>
> @media screen and (min-width: 64em)
> .product–details .product–properties {
> width: 50%;
> }
>
> Vorsicht das ein Auszug aus der CSS (vom Demoshop)
>
>
Vielen Dank, ist dies auch in der detail.less?
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [8. August 2017 um 17:44 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/4 "2017-08-08T17:44:34Z")
Kann keine Helfen ? 
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [8. August 2017 um 18:00 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/5 "2017-08-08T18:00:39Z")
Das wirst Du doch in den Files finden können?!
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [8. August 2017 um 18:03 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/6 "2017-08-08T18:03:19Z")
> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
>
> Das wirst Du doch in den Files finden können?!
Bin kein Experte  Ich suche immer mit ganz viel Glück 
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [9. August 2017 um 07:46 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/7 "2017-08-09T07:46:28Z")
Du brauchst kein Glück 😉 STRG + F
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 11:20 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/8 "2017-08-09T11:20:07Z")
@NextMike Danke für die Info, kannte zwar das Fenster dachte bisher das es ein Virus war 
Ich habe mal nach diesem gesucht leider nichts gefunden.
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [9. August 2017 um 11:42 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/9 "2017-08-09T11:42:14Z")
dies dürfte die Stelle sein: [shopware/detail.less at 9a116f29f78c0005e031e34ffcce919b6a50e3a9 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/9a116f29f78c0005e031e34ffcce919b6a50e3a9/themes/Frontend/Responsive/frontend/_public/src/less/_modules/detail.less#L751)
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:34 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/10 "2017-08-09T12:34:23Z")
Hab es jetzt gefunden hier mal der Code:
> .product–details .properties–tab-content .product–properties td.product–properties-label {
> width: 30%;
> }
> .product–details .properties–tab-content .product–properties td.product–properties-value {
> width: 70%;
> }
> @media screen and (min-width: 64em) {
> .product–details .properties–tab-content .product–properties {
> width: 100%;
> }
> }
wenn der schon auf 100% steht warum zeigt er mir das nur zur helfte an ?
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:37 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/11 "2017-08-09T12:37:15Z")
Wenn ich den wert auf 200% setze, zeigt er mir zwar auf ganze Breite an aber… Der Rahmen bleibt gleich:
---
### Author:  [@NextMike](https://forum.shopware.com/u/NextMike)
#### Post date: [9. August 2017 um 12:38 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/12 "2017-08-09T12:38:11Z")
das ist nicht die Stelle. Was hat da .properties–tab-content zu suchen?
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:45 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/13 "2017-08-09T12:45:00Z")
Ich habe jetzt mal die Datei und die Zeile rausgesucht:
Zeile 751
Alter wert: 50%
Neu: 100% es tut sich rein garnichts, ist den hier keiner von @shopware hier? ich finde es sollte vom Standard auf volle Breite sein und nicht so ein gepampe.
---
### Author:  [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [9. August 2017 um 12:49 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/14 "2017-08-09T12:49:37Z")
Hab grad mal schnell geguckt: in .product–details .product–properties wird die Breite auf 50% gesetzt.
Setzte ich die OnTheFly auf 100%, wird normal die Tabelle auf 100% aufgezogen.
>
Also die schon oben verlinkte Stelle.
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:54 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/15 "2017-08-09T12:54:18Z")
Hab ich gemacht und es hat geklapt @sonic
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:55 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/16 "2017-08-09T12:55:51Z")
Mal eine Frage, kann man die Linke Spalte etwas Schmaler machen so das mehr Platz in der Rechte ist?
Z.b wie in Word “Spalte an Text automatisch Anpassen”?
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 12:57 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/17 "2017-08-09T12:57:18Z")
Ist ein doch ein sehr großer zwischenraum und sieht so nicht dolle aus 😉
---
### Author:  [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [9. August 2017 um 13:07 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/18 "2017-08-09T13:07:28Z")
Dein Problem war: Die Tabellenbreite wird 100% gesetzt (100% = Container), der Container aber auf 50%. Der Rahmen kam vom Container.
Nun hattest Du Deine Tabelle mit \> 100% über den Container hinaus vergrößert. Da der Conatiner aber klein bleibt, blieb der Rahmen drinne.
Deine CSS-Klassen wären product–properties-label und product–properties-value - den exakten CSS-Pfad musst Du Dir noch raussuchen.
Testweise product–properties-label width: auto und product–properties-value width:100%
Ohne Grarantie
Edit: Hier werden die Zellen auf 50% gesetzt.
[shopware/detail.less at 5.3 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.3/themes/Frontend/Responsive/frontend/_public/src/less/_modules/detail.less#L215)
Die Stelle würde ich mal in der eigenen detail.less mit Einträge für product–properties-label und product–properties-value erweitern.
Wahlweise könnte man auch den 50% für td überschreiben z.B. auf width: 100% und zusätzlich td:first-child auf width:auto setzen
---
### Author:  [@Sir\_Rowland\_IT](https://forum.shopware.com/u/Sir_Rowland_IT)
#### Post date: [9. August 2017 um 14:43 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/19 "2017-08-09T14:43:17Z")
@sonic vielen Dank, das mit dem Erweitern oder was eigenes erstellen da bin ich raus.
Denn da hab ich keine Ahnung und würde ggf. alles kaputt machen.
---
### Author:  [@sonic](https://forum.shopware.com/u/sonic)
#### Post date: [11. August 2017 um 14:21 UTC](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396/20 "2017-08-11T14:21:02Z")
Ich weiss, Du traust Dich nicht weiter ran - aber ich hoffe, Du änderst nicht Original-Dateien, sondern hast Dein eigenes Theme.
Da mir grad selber nach Deinem Beitrag eine Tabelle unangenehm aufgefallen ist, habe ich mal schnell gebastelt - aber bisher nur im Chrome ausprobiert.
1. möchte ich, dass die Box die Breite dynamisch ändert =\> display von „block“ auf „inline-block“ umgestellt.
2. Spalten auf automatische Breite
Mein bisheriges CSS für die Property-Tabelle in der details.less
```
@media screen and(min-width: @tabletViewportWidth) {
.product--details {
.product--properties {
display: inline-block;
width: auto;
.product--properties-table {
.product--properties-row {
td.product--properties-label {
width: auto;
}
td.product--properties-value {
width: auto;
}
}
}
}
}
}
@media screen and (min-width: @tabletLandscapeViewportWidth) {
.product--details {
.product--properties {
width: auto;
}
}
}
```
[Nächste Seite](https://forum.shopware.com/t/eigenschaft-tabellen-breite-anpassen-inkl-rahmen/47396.md?page=2)