css-multicolumn-layout, Seitenzahl 1

___ answer37924499 ___

Ich hatte das gleiche Problem, aber min-height hat nicht funktioniert. Ich hatte die Spaltenanzahl in einem Bootstrap .col-md-12-Container eingestellt und das war das Problem für mich.

Ich habe ein Kind div mit der erforderlichen Klasse hinzugefügt und es hat perfekt funktioniert

___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ qstnhdr ___ Warum rendert Safari das mehrspaltige CSS-Layout anders? ___ tag123css3 ___ Die dritte Ausgabe der Cascading Style Sheets-Stilsprache (oft abgekürzt als CSS3) vereint leistungsstarke visuelle Fähigkeiten und vielseitige Designmanipulationstechniken. ___ tag123safari ___ Safari ist Apples Webbrowser, der Standardbrowser auf macOS und iOS. ___ answer41383550 ___

Ich hatte ein ähnliches Problem mit dem Spalteninhalt, der auf Safari mit einer Höhe von 1px angezeigt wird. Ich habe "min-height: 100%" zum Element hinzugefügt und alles sieht gut aus. Ich habe auch "Höhe: 100%" auf dem Körper / html und enthält Elemente, vorausgesetzt, das ist, wie ich es richtig funktioniert.

___ tag123googlechrome ___ Google Chrome ist ein Webbrowser, der das Blink-Rendering-Modul verwendet. Fragen sollten sich auf die Entwicklung mit Chrome oder Chrome beziehen. Fragen zur Verwendung von Chrome gehören zu https://superuser.com ___ answer14148876 ___

fügen Sie %code% zu %code% hinzu, scheint das Problem zu beheben

%Vor%

getestet auf Safari 5.1.7 (7534.57.2) für PC

Fehler wird auch hier verwiesen: Ссылка

___ qstntxt ___

Ich baue eine Website und teste es hauptsächlich in Chrome, wobei ich ab und zu überprüfe, ob es immer noch in Firefox funktioniert.

Da Chrome und Safari auf WebKit laufen, würden sie die Website identisch darstellen. Dies ist jedoch nicht der Fall.

Ich habe die Site auf Safari überprüft und festgestellt, dass meine Menüleiste eine ungeordnete Liste mit %code% (sowohl %code% als auch %code% mit dem gleichen Wert) verwendet und festgestellt hat, dass ein Unterschied besteht das Füllen der Spalten.

Chrome scheint die Spalten gleichmäßig zu füllen, während Safari nur die Spalten einzeln füllt. Die Bilder unten veranschaulichen dies.

Chrome rendert:

Safari rendert:

Mir gefällt die Chrome-Methode zum Rendern der Spalten sehr, also habe ich mich gefragt, ob es eine Möglichkeit gibt, Safari dazu zu zwingen, die Site auf diese Weise zu rendern, ohne das %code% -Layout überhaupt zu verändern.

Hinweise: Firefox macht dasselbe wie Chrome und benötigt keine Korrektur. Ich entwickle nicht für IE, also weiß ich nicht, wie das rendert.

___ tag123cssmulticulumnlayout ___ Das Modul für mehrspaltige Layouts in CSS ermöglicht Benutzern das Layout ihres Inhalts in einem Spaltenformat basierend auf einer Reihe verschiedener Eigenschaften. ___

Antworten

Bild immer in der oberen rechten Ecke der zweiten Spalte in 2 Mehrspalten div

Ich habe ein div mit column-count: 2 . Ich habe auch ein img drin. Ich möchte dieses Bild immer in der oberen rechten Ecke der zweiten Spalte sehen . Wie kann ich das erreichen? Ich weiß, dass ich position: absolute für die im...

05.07.2016, 20:12

Antworten

Warum rendert Safari das mehrspaltige CSS-Layout anders?

Ich baue eine Website und teste es hauptsächlich in Chrome, wobei ich ab und zu überprüfe, ob es immer noch in Firefox funktioniert. > Da Chrome und Safari auf WebKit laufen, würden sie die Website identisch darstellen. Dies ist jedoch nich...

03.01.2013, 22:10