Ungleiche FF und Edge

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Ungleiche FF und Edge

Post by Tata » Fri Oct 15, 2021 7:52 am

Ich kann nicht finden den Grund, warum die gleiche Seite ungleich gezeigt wird im FF und Edge.
firefox.jpg
edge.jpg
Dafúr habe ich im stylesheet:

Code: Select all

section.article-1-col{width: calc(100% - 10vw);  padding: 1rem 5vw;clear:left; clear:right;}
...
#photos-3{
  width: calc(100% - 2vw);
  line-height: 0;
   column-gap:           2px;  
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;	
}
You do not have the required permissions to view the files attached to this post.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Ungleiche FF und Edge

Post by frase » Fri Oct 15, 2021 8:55 am

Tata wrote:
Fri Oct 15, 2021 7:52 am
Ich kann nicht finden den Grund, warum die gleiche Seite ungleich gezeigt wird im FF und Edge.
Man muss erstmal sagen, dass es auf der Seite mehrere Layoutfehler gibt.
Ich habe in beiden Browsern einen horizontalen Scrollbalken, der darauf hindeutet, dass es überlaufende Elemente gibt (Swiper, Footer). Das sollte man beseitigen, bevor man weiter untersucht. Im Moment ist das alles kaum zu überblicken, sodass eine Fehlersuche schwierig und zeitaufwendig ist.

Die Probleme mit #photos-3 liegen sicher daran, dass die Berechnung der Breiten nicht stimmt. (Das ist bei vielen Elementen auf dieser Website so.)
Ich würde hier sowieso empfehlen "flex" zu verwenden, statt mit Columnen zu arbeiten.
Die Elemente im flex-Container müssen dann eine max-Breite erhalten, abhängig vom Viewport.

Tata
Posts: 3586
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Ungleiche FF und Edge

Post by Tata » Fri Oct 15, 2021 11:06 am

Klasse, danke. Werde weiter untersuchen.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

Post Reply