fixed header funktioniert einfach nicht

[podorinho]

Hallo Leute,

Hoff es kann mir jemand helfen, ich hab jetzt nen ganzen Tag versucht eine seite mit einem fixed header zu erstellen. hab dies in 2 versionen gemacht, da es bei der ersten schon nicht so geklappt hat wie ich das will. 1x hauptsächlich über <div> und 1x über tables, bei der version mit divs funktionierts im browser eigentlich ganz gut bis auf ein paar kleinigkeiten, aber auf meinem Galaxy S3 gibts vor allem bei der index das problem dass der header verschoben ist. Bei der mit tables kann ich seitlich scrollen (sowohl am rechner als auch am mobile) und das obwohl ich den tabellen fixe pixelwerte gegeben hab.

hab die files mal in nen dropbox ordner gestellt um sie sich anzusehn.
hier der link:

https://www.dropbox.com/sh/duea6jnqx27kypg/_NAsBLOBa_

wär euch echt sehr dankbar, wenn mir jemand sagen kann wo der Fehler liegt...

Danke schon mal vorab
LG
Matt

 

[bdt600]

hab die files mal in nen dropbox ordner gestellt um sie sich anzusehn.

Ein Link zur Seite wäre besser, denn es wird kaum jemand erst die Dateien downloaden und dann den Fehler suchen.

 

[podorinho]

Hallo,

Okay, hier der link direkt zur index in der dropbox:

Version 1 (fehler im mobile - der content verschiebt sich zum fixed header horizontal - vertikal soll er ja):
https://dl.dropboxusercontent.com/u/14254484/shiatsu_3/index.html

version 2 (über tables aufgebaut und hat irgendwie noch mehr fehler - teilweise breiter als der content sein soll):
https://dl.dropboxusercontent.com/u/14254484/shiatsu_4/index.html

hoff jetz könnt ihr mehr damit anfangen (ich find's immer angenehmer die offenen files zu haben und die im editor aufzumachen)...

LG
Matt

 

[Tronjer]

Erst mal das hier fixen:
http://validator.w3.org/check?verbo...ercontent.com/u/14254484/shiatsu_3/index.html

 

[podorinho]

ja durch den validator kann ich's auch jagen, hab es aber scho mit nur 3 fehlern gehabt und das war nav und main tag und macht keinen unterschied (und das is html 5 standard - wenn ich's aber auf html 5 setz, dann motzt er wegen den breitenangaben in den tabellen im html direkt)...

 

[Tronjer]

Du musst dich schon entscheiden, entweder HTML5-Elemente oder XHTML. Beides zusammen geht nicht.

Aber unabhängig davon hast du die komplette Seite in einer Tabelle verpackt, einschließlich des Headers. Das kann nichts geben, und dazu wirst du hier auch keine Unterstützung erhalten. Erstelle die Seite noch mal ohne Tabelle, und melde dich wieder, wenn es mit dem Styling haken sollte.