|
|||
Zwei Betriebssysteme = 30% unterschiedliche Text-Breite?!
Hallo!
Ich habe mit einem komischen Verhalten zu tun... Ich habe eine Navi-Leiste, die auf meinem Linux-PC (15" Laptop) unter Chrome eine Breite von ca. 860px erreicht mit allen 8 Textlinks darin. Betrachte ich die gleiche Seite am Mac (24" LCD) erreicht die Breite 620px?! Zoom-Stellung ist bei beiden Geräten auf 100%. Woran kann der Größenunterschied von 240px liegen?! Das li-Element mit dem Text "Home" benötigt am Mac 48px und am Linux-PC 60px Breite. Dabei ist es egal ob ich die font-size als 14px oder 11pt definiere. Geändert von gdconsult (15.03.2016 um 14:18 Uhr) |
Sponsored Links |
|
|||
Ohne einen Link zu der Seite können wir dir hier nicht mal ansatzweise helfen.
Da können wir dir nur sagen: Untersuche die Seite auf beiden Geräten mit den Webdeveloper-Tools und finde heraus, welche Stile für die einzelnen Elemente und welche mediaqueries definiert sind. |
Sponsored Links |
|
|||
Hallo
Ohne Link zur Seite können wir dir kaum weiterhelfen. Die unterschiedliche Darstellung kann viele Ursachen haben, grade auch bei unterschiedlichen Betriebssystemen. Selbst gleiche Browser wie der Firefox können sich unterschiedlich verhalten. Oder auf den beiden Rechnern sind unterschiedliche Schriftarten installiert. Oder ein Browser kann mit CSS-Anweisungen umgehen, die der andere nicht kennt. Oder ... Gruss MrMurphy |
|
|||
Zitat:
Styles sind gleich! Es ist ja auch noch kaum was passiert. Außer Navi und Blindtext ist nichts da nur bekomme ich die Navi halt nicht zentriert wenn der Container mal 860 px und einmal 620 px hat. Nochmal: Jeder Browser am Mac liefert mir die 620px und jeder am Linux die 860px. |
|
|||
Hallo
Nochmal: Ohne Informationen zur Seite können wir dir nicht helfen. Wir benötigen zumindest den HTML-Quelltext, das CSS und Bilder, falls es welche gibt. Das ist aber nur die zweitbeste Wahl, da sich immer wieder rausstellt, das Hilfesuchende wie du immer wieder entscheidende Teile weglassen. Für Testseiten kannst du Freeware-Provider wie bplaced.net benutzen. Gruss MrMurphy |
|
|||
Noch was ganz wichtiges Vergessen:
Es handelt sich um eine Google-Webfont!!! Zitat:
With auf 860px gesetzt und mit margin: auto; zentriert... Unter Linux ist der Container dann zu 100% voll und es sieht zentriert aus. Am Mac ist aber rechts noch Platz, genau die 240px, und es sieht nicht zentriert aus da zwar der Container zentiert ist aber eben nicht voll. Minimalbeispiel ist: Code:
<!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600italic,600,700,700italic,800,800italic' rel='stylesheet' type='text/css'> <style> a{ font-family: 'Open Sans', sans-serif; font-size: 14px; } </style> </head> <body> <a href="">Home</a> </body> </html> Geändert von gdconsult (15.03.2016 um 10:06 Uhr) |
|
||||
Zitat:
|
Sponsored Links |
|
|||
In deinem Beispielcode wird nichts auf 860px gesetzt. Das ist es, was MrMurphy gemeint hat, dass Hilfesuchende gerne wichtige Teile weglassen. Insofern können wir nur sagen: gib uns einen Link oder wenigstens ein funktionales Beispiel. Tipp: Wenn wir das ganze gleich auf jsfiddle.net (oder ähnlicher Seite) einfügen, dann sollten wir sofort das gewünschte Fehlverhalten erkennen.
Falls es dir nicht möglich ist, Code zu liefern, dann kannst du dein Problem evenutell mit Bildern verdeutlichen? Ich weiß nämlich immer noch nicht, was jetzt genau dein Problem ist. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Dynamische Breite von inline-block-Divs | Change | CSS | 8 | 16.12.2013 16:01 |
Unterschiedliche Breite (Firefox 3 <> IE 7) | johnboy84 | CSS | 1 | 21.11.2008 12:18 |
Unterschiedliche Breite von Steuerelementen | patrick.bucher | CSS | 4 | 29.07.2008 16:41 |
Unterschiedliche Breite IE6 / IE7 | pacific | CSS | 10 | 02.07.2007 11:22 |
3 Spalten | Aussen: variable Breite; Mitte: feste Breite | dreamshocker | CSS | 9 | 17.08.2005 16:23 |