@fricca:

Welche Kleingeräte meinst Du?
LG Herb

Du schrubst gerade noch aufm iPhone wäre es gut?
http://richardthiel.de/Foto.PNG

seh ich anders.

__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

@Thielo:

aha, das habe ich in dieser Form bisher noch nicht gesehen, dem muss ich natürlich nachgehen. Da muss bei der Implementierung der Social Media Buttons und beim Updaten irgend was passiert sein....ist schon einige Tage her, dass ich mir die HP auf einem iPhone angeschaut habe...


Jetzt hab' ich's auf meinem iPod angeschaut....dasselbe unbrauchbare Bild....das war nicht immer so....

@herb

arbeitest du mit Firefox? Dann installier dir die Webdeveloper Toolbar.
Dort gibts einen Menüpunkt 'Größe ändern - angepasste Layouts anzeigen'.
Dort bekommst du sofort einige Standardgrößen angezeigt.

Ich habe doch schon geschrieben: Du musst dein Stylesheet anpassen, wenn du den Viewport-Meta setzt. Was du bisher im handheld.css stehen hast ist nicht tauglich, wenn die Geräte jetzt ihre tatsächliche Breite für die Anzeige verwenden und nicht mehr zoomen.

@Manfred62, die Auswirkung des Viewport-Meta auf mobile Browser kann man nicht mit Desktop-Browsern testen.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

@Thielo:

da war irgendwas in der Datei kaputt. Ich habe das Backup hochgeladen, bei mir wird's wieder richtig dargestellt. Könntest Du bitte nachsehen, ob es jetzt besser ist (abgesehen von den Social Media Buttons und der Sprachumschaltung, da muss ich sowieso was ändern)?

http://gasthof-thaller.com

Danke, Herb

@fricca, Thielo:
Die Ursache für das "kaputte" Bild von Thielo war eine irrtümlich hochgeladene Version der Startseite index.html mit Meta-Viewport, ohne das entsprechend abgeänderte Stylesheet hochzuladen. Das war ein Fehler und nicht Absicht.

Derzeit bin ich dabei, die Seiten einzeln um das Viewport-Meta zu ergänzen. Ich habe bereits einige Änderungen durchgeführt, bin aber noch nicht fertig damit - speziell die Tabellen bedürfen noch einer Überarbeitung.

Das Viewpoint-Meta löst allerdings nicht das Problem, das ich mit den Social Meta Buttons habe: sofern überhaupt zweckmäßig für eine Gastronomie-/Hotellerie-Website, dann wohin damit?

Auf Tablets hätte ich gerne die Menüleiste oben anstatt am Seitenfuß. Welche Breakpoints gebe ich dafür am Besten ein? (Soll auch auf iPod4 mit Retina Display funktionieren)

LG Herb

Siehe oben, vergiss Geräte. Setz den Breakpoint, wo ihn der Inhalt benötigt.
iPod ist kein Tablet, der entspricht einem Smartphone. Die Retina-Auflösung spielt keine Rolle, es sind trotzdem 320px Breite, mit denen der Viewport berechnet wird.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

@fricca

Sorry, hab mich verschrieben...meinte natürlich iPad4. Auf dem iPad4 hätte ich gern ein Menü wie auf dem Desktop...

MfG Herb

Wenn du unbedingt dieses eine bestimmte Gerät als Maßstab nehmen willst, dann musst du deinen Breakpoint so setzen, dass der wie oben beschrieben ermittelte Wert in em umgerechnet weniger als 1024 oder gar 768px ergibt.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken