CSS Website verschoben

[Meisterschreibe]

Moin Leute,

ich bin gerade dabei, eine Website für ein Spieleserver privat aufzubauen. Quasi damit bringe ich mir HTML / CSS bei.

Nun habe ich ein Problem. Auf meinem Browser wird mir alles richtig angezeigt. Sobald ich aber meinen Kollegen den Link sende, zeigt deren Browser alles total verschoben an.

Kann mir einer sagen, woran das liegt & wie ich das ändern kann? Ich finde dazu leider sonst nirgends das richtige.

Gruß

Hab den kram mal auf meinem Server hochgeladen. Link: https://www.lspd-fms.de

Screen 1 ist wie es bei mir aussieht.

 

[BFF]

Dann ist das CSS eventuell lokal verlinkt oder liegt nicht passend auf dem Server.

 

[daku93]

Du scheinst größtenteils mit festen Pixelwerten für Abstände usw. zu arbeiten. Damit funktioniert es dann bei deiner (recht großen) Bildschirmauflösung gut, bei Leuten mit anderen Displays aber nicht mehr. Werte in % oder Viewport-abhängige Werte wären hier die bessere Wahl

 

[Meisterschreibe]

Ja. Auf meinem Laptop z.B. wenn ich dann mit Strg. - rauszoome, dann sieht es wieder aus, wie es soll.

 

[BFF]

Das ist etwas "ungesund" und sorgt dafuer das bei einem FullHD es so aussieht.

Mach da lieber ein einfaches zentrieren anstatt wie schon getippt feste Werte zu verwenden.

 

[lazsniper]

bei sowas immer mit VW arbeiten oder VH - viewport width oder height - dann skaliert das auf allen geräten korrekt. musst halt für verschiedene auflösungen eigene werte angeben. typischerweise desktop, tablet und mobile.

 

[K-551]

Wie @daku93 und @BFF schon schrieben, du nutzt feste Werte für die Breiten. Nutze lieber "auto" zum zentrieren. Hier noch ein hilfreicher Link.

 

[Meisterschreibe]

Danke erstmal für die ganzen Hilfen

Also:

Wenn ich jetzt die Paddings austausche, habe ich den Fehler aufm Screenshot.

Oder bin ich gerade aufm Holzweg?

Ergänzung (26. März 2023)

oder eher so?