Hallo,
ich verwende die Media queries gegliedert nach der Breite "von" "bis".

Nun gibt es displays, die sind 800px breit und 600 hoch es gibt aber auch welche, die sind 800 breit und nur 480 hoch.
Ich dachte, das passt mit "height:100%;" dann überall ...

nachtrag: da ich sehe, daß dann das scrollen nicht mehr geht, (weil dann auch zu scrollende bereich 100% kriegt und damit nicht mehr scrollbar ist) habe ich je nach Breite - feste Höhen vergeben.
Ich weiß jetzt auch, daß 100% bedeutet: 100% vom Elternelement.


vielen Dank!
Irmen

Hi,

wenn du 100% Höhe willst mußt du die für alle Vorfahren bis einschl. html definieren.
Prozent heißt immer Prozent von was? Da bei deiner Site html keine Höhendeklaration hat, gilt für dieses Element der Defaultwert (height:auto;).
body hat bei dir z.B. zwar height:100%;, aber da für html height:auto gilt können die 100% Höhe für body nicht errechnet werden und das Element fällt auch auf height:auto zurück, usw..

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Nebenbei funktioniert der Scrollbalken des Textbereichs von gar nicht (Opera) bis merkwürdig (Firefox).

Danke an hubspe und Evt!

Hmm. in opera sollte der eigentlich schon funktonieren.
Was heißt merkwürdig?
Man kann den Scroller nicht runterschieben, sondern nur den Text an sich verschieben - meinst du das?

Auf jeden Fall. Es sollte dir wirklich zu denken geben, wenn nichtmal die erfahrenen Leute hier intuitiv mit dieser Mechanik umgehen können.

Wie soll da erst Besucher #321 damit zurechtkommen?

Dir mögen die normalen Scrollbalken vielleicht nicht gefallen, aber für die meisten Benutzer sind sie der einzige Indikator, dass es hier was zu scrollen gibt. Daher verzichtet man in der Praxis üblicherweise auf derartige Spielereien

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Hallo, danke für die Antwort!
Aber auf den Mobilen Geräten gehen die Scrollbalken nicht???!!
Deshalb habe ich mir doch die Mühe gemacht mir dieser anderen Möglichkeit.

was gibt es denn für Möglichkeiten auf mobilen Geräten zu scrollen?
Mir liegt dieses iscroll nicht am Herzen.
auch die Anker die ich gesetzt hatte gehen auf den Mobilen nicht.
auch dafür ist dieses iscroll für mich die Lösung gewesen. Ich nehme gerne eine andere, wenn mir jemand einen Rat gibt, wie man das machen kann!

Ein mobiles Gerät ist nicht alle mobilen Geräte.

Wenn du ein älteres iPhone besitzt (darüber gibst du ja keine Auskunft), schon mal versucht mit zwei Fingern zu scrollen?

Hallo Gato,
ich habe kein Iphone.
Ich möchte aber, daß die Seite auf so vielen Pcs tablets und Phones, wie möglich läuft.

Und so wenig, wie die user checken, wie man mit dem "neuen" scroller von mir scrollt, wissen die doch, daß man mit zwei Fingern scrollen muss.
Ich bin schon ganz verzweifelt.
Weißt du, wie man das mit dem Anker in Griff kriegt?

weißt du eine alternative zum altmodischen Scroller? (also einfach per overflow:scroll oder auto)
Oder soll ich beide einbauen und per css immer einen ausblenden?

Vielen Dank für eine Hilfe!
Irmen

Ach und kannst du mir noch sagen, wo diese vielen Fehler in der Fehlerkonsole stehen? - oh mein Gott ich hab sie gefunden -stöhn!!

hm, bei genauerem hinsehen beziehen sich diese Warnungen auf eine Border. und zwar alle. Wenn ich auf Fehler klicke, kommt gar nichts.
Ich habe diese Fehlerkonsole unter extras und webentwickler aufgerufen - das ist doch richtig oder?

Die Besitzer eines solchen Gerätes wissen sicher eher, wie man normalerweise mit dem Gerät umgeht, als mit etwas Unbekanntem, das es nur bei dir gibt.

Sei mir nicht böse, aber deine Probleme sind komplett hausgemacht. Das Grundproblem ist das untaugliche Layoutkonzept, das den Besucher zwingt, in einem winzigen Bereich herumzuscrollen, um an die gewünschte Information zu kommen.
Wenn du es wenigstens den Nutzern mobiler Geräte einfacher machen willst, dann linearisier mit Media-Queries das Layout und gib die festen Höhen auf. Dann hast du auch kein Anker-Problem mehr.

Schau dich mal z.B. in dieser Galerie um. Dort siehst du, wie man sinnvoll mit Media-Queries umgeht.
Was du im Moment machst hilft dem Nutzer eines Mobilgerätes wirklich nicht. Ich habe hier ein älteres iOS und kann weder zoomen noch normal scrollen. Unbenutzbar.

edit: Ich beziehe mich auf diese Site. Irgendwie gibt's in diesem Thread keinen Link (mehr)?

__________________
Corina Rudel

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