Suchen
Inside Forum
Nützliche Links




 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 

Zurück   PHP Forum: phpforum.de > andere (Programmier-)Sprachen > CSS

CSS Alles rund um CSS

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 10.06.2018, 14:53
DIYmaker DIYmaker ist offline
Neuer Besucher
 
Registriert seit: 01.02.2017
Beiträge: 7
Standard Kombination von justify-content: center; und overflow-y: auto;

Hey Leute,

Hänge bei dem flexiblen Ausrichten von Inhalten ein bissel fest.

Die Idee:
Die Seite besteht aus insgesamt drei div-Boxen zu sehen. Zwei davon immer mit einer definierten Breite. Die Auswahl und die Übersicht an den beiden Außenseiten. In der Mitte soll die Ausgabe mit einer felxiblen Breite in einer Tabelle mittig dargestellt werden. Wenn die mittlere div-Box zu klein wird soll automatisch ein horizontaler Scroll-balken eingeblendet werden, mit man weiterhin den Inhalt der Tabelle einsehen kann.

Das Problem:
Das automatische Einblenden des Scrollbalkens funkioniert auch schon,
Code:
overflow-y: auto;

jedoch kann man aufgrund der mittigen Darstellung durch
Code:
justify-content: center;
nicht mehr weit genug links rüber scrollen, wenn die div-Box zu klein ist.

Der Code:
https://jsfiddle.net/nvs8zkjp/1/

Vielen Dank für Euren Support
Mit Zitat antworten
  #2  
Alt 11.06.2018, 02:26
Kasalop Kasalop ist offline
Forum-Mitarbeiter
 
Registriert seit: 29.12.2006
Ort: München
Beiträge: 5.904
Standard AW: Kombination von justify-content: center; und overflow-y: auto;

Nicht hübsch und ich bin mir nicht sicher ob mir dein Markup gefällt. Aber mit deinem Ansatz umgesetzt kann das so aussehen: https://jsfiddle.net/nvs8zkjp/2/

Lg Kasalop
__________________
Es gibt 10 Arten von Menschen auf der Welt. Die die die binäre Mathematik verstehen und die die sie nicht verstehen!

Zu welcher der Gruppen gehörst du?
Mit Zitat antworten
  #3  
Alt 11.06.2018, 10:15
DIYmaker DIYmaker ist offline
Neuer Besucher
 
Registriert seit: 01.02.2017
Beiträge: 7
Standard AW: Kombination von justify-content: center; und overflow-y: auto;

Danke erst einnmal für die Antwort. Erfüllt genau den gewünschten Effekt.

Ob etwas hübsch ist, liegt zum Glück im Auge des Betrachters.

Ich habe der Einfachheit halber sämtliche bootstrap Bibliotheken weggelassen. Deswegen sieht der Rest sehr einfach aus. Wollte bei der Fragestellung aber nicht übermäßig viel Code posten.

VG
Mit Zitat antworten
  #4  
Alt 11.06.2018, 13:52
Kasalop Kasalop ist offline
Forum-Mitarbeiter
 
Registriert seit: 29.12.2006
Ort: München
Beiträge: 5.904
Standard AW: Kombination von justify-content: center; und overflow-y: auto;

Zitat:
Zitat von DIYmaker Beitrag anzeigen
Ob etwas hübsch ist, liegt zum Glück im Auge des Betrachters.
Ich meinte nicht das Design. Missverständlich ausgedrückt. Ich meinte meine Lösung
__________________
Es gibt 10 Arten von Menschen auf der Welt. Die die die binäre Mathematik verstehen und die die sie nicht verstehen!

Zu welcher der Gruppen gehörst du?
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
vertikal oben ausrichten wenn overflow, sonst center mikexmagic CSS 4 26.04.2018 16:05
overflow:auto - FF will Scrollbar nicht 'greifen' tbr_mrc CSS 4 12.03.2010 20:57
div overflow:auto scrollen? Klug_Mario JavaScript 5 27.04.2007 09:56
FF machts IE net: margin:0 auto;text-align:center; anno2007 CSS 1 05.04.2007 15:25
mit Javascript Scrollen (overflow auto) maik JavaScript 1 27.12.2006 21:50


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:40 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC