slider wird nur bei Doppelklick vollständig angezeigt

[stef]

Liebe HTML-Spezialisten,
Ich habe in eine html-Seite einen Flickety-Slider eingebunden. Beim Laden der jeweiligen Seiten: "Wirkungsbereich", "Leistungen", "Kontakt" wird der Slider jedoch in der Höhe nicht vollständig angezeigt (siehe Anhang). Die Bildergröße habe ich in der Auflösung bereits reduziert ... die Ladezeit durch zu große Bilder sollte also nicht der Grund sein.
woran kann das liegen.
Ich würde mich riesig über Hilfe freuen.

Die Seite habe ich zu Test-Zwecken hier hochgeladen:

Bildhauerei Raatz | Skulptur Denkmal Grabmal in Stein | München

www.design-karlsruhe.com

Beste Grüße
Stef

 

[WhispR]

Hallo stef,
ich wollte mir das gerade ansehen, aber bei mir sieht es gut aus.
Hast du das Problem behoben oder wird es bei dir weiterhin fehlerhaft angezeigt?
Getestet mit Chrome, Edge, Firefox

VG

 

[stef]

Hallo WispR,
leider noch nicht ganz behoben. Der Slider ist auch bei Leistungen und Kontakt eingebunden. Hier funktioniert es bei mir noch nicht :(

 

[WhispR]

OK ich verstehe,
es sieht so aus, als ob deine Webseite in 1/3 linke Spalte und 2/3 rechte Spalte unterteilt ist. Die rechte floatet um die linke und somit wird der Slider daneben angezeigt.

Hast du die Möglichkeit, den Slider vor "<div class="drittel">" einzufügen?





Es sollte dann ungefähr so aussehen:

 

[msi]

Warum überhaupt float benutzen? Flexbox ist doch eigentlich besser.

 

[Sclero2004]

Warum überhaupt float benutzen? Flexbox ist doch eigentlich besser.

Meine Rede aber mein Hinweis in dieser Richtung anders wo wurde ja ignoriert

 

[stef]

OK ich verstehe,
es sieht so aus, als ob deine Webseite in 1/3 linke Spalte und 2/3 rechte Spalte unterteilt ist. Die rechte floatet um die linke und somit wird der Slider daneben angezeigt.

Hast du die Möglichkeit, den Slider vor "<div class="drittel">" einzufügen?



Anhang anzeigen 6005

Es sollte dann ungefähr so aussehen:
Anhang anzeigen 6006

hm... wollte schon das Layout beibehalten... versteh nur nicht... warum sich der Slider nicht der zweidrittel-Box anpasst ... müsste eigentlich - weil ich width:100% eingestellt habe...

 

[stef]

Meine Rede aber mein Hinweis in dieser Richtung anders wo wurde ja ignoriert

hm... sorry... kenn mich mit Flexboxen noch nicht aus... sind die denn mit allen Browsern kompatibel?... wollte auf Nummer sicher gehen... schätze mein Know-How ist obsolete :|

 

[Sclero2004]

sind die denn mit allen Browsern kompatibel?

Auf jeden Fall. Damit ordnest Du die Elemente genau so an, wie Du es dir vorstellst. Bei float dagegen musst Du oft um die Ecke denken und wirst mit unerwarteten Ergebnissen konfrontiert.

 

[msi]

kenn mich mit Flexboxen noch nicht aus

Siehe

A Complete Guide To Flexbox | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser...

css-tricks.com

CSS Flexbox – Einführung und Überblick

Mit Flexbox könnt ihr unkompliziert variable und responsive Layouts erzeugen. Das Modell arbeitet mit zwei Achsen auf denen Inhalte verteilt werden können. Daher bietet sich die CSS Flexbox besonders für lineare Strukturen an.

kulturbanause.de

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

[Aaron3219]

Im Übrigen wird der Ansatz mit float schon seit mindestens 7 Jahren nicht mehr genutzt.