Hallo ich habe hier ein HTML Dokument und wenn ich es im Broser öffne, kann ich nicht scrollen. Mein Footer ist garnicht zu sehen. Wenn ich nun auf einen Punkt im Menü klicke, erscheint der untere Teil mit Footer aber der obere Teil wird abgeschnitten und ich kann auch nicht hoch scrollen. Kann mir bitte jemand helfen. Ich kann nicht wirklich HTML und finde das Problem nicht.
HTML Seite scrollt nicht
- Ersteller alexibexi
- Erstellt am
-
- Schlagworte
- html scrollbar scrollen scrollleiste
basti1012
Senior HTML'ler
Da muss man eigentlich alles reparieren.
Erstmal overflow:hidden in body löschen.
,Deinen ganzen <br> sind unnötig , und vor allem sind die meisten gar nicht geschlossen , die sehen so aus ( <br ).
Der ganze inline style sollte in der CSS stehen usw.....
Die CSS hast du dir sicherlich auch irgendwie zusammen kopiert , kann das sein?
Du solltest aber HTML5 nutzen,
developer.mozilla.org
und Flexbox
kulturbanause.de
Um es auf allen Endgeräten anzupassen ist @mediaqueries wichtig
developer.mozilla.org
Man könnte dein Code zwar notfalls reparieren , doch auf Dauer bringt das gar nichts , weil so ist der auf dem Handy wahrscheinlich auch nicht responsiv
Erstmal overflow:hidden in body löschen.
,Deinen ganzen <br> sind unnötig , und vor allem sind die meisten gar nicht geschlossen , die sehen so aus ( <br ).
Der ganze inline style sollte in der CSS stehen usw.....
Die CSS hast du dir sicherlich auch irgendwie zusammen kopiert , kann das sein?
Du solltest aber HTML5 nutzen,
HTML5 - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
The term HTML5 is essentially a buzzword that refers to a set of modern web technologies. This includes the HTML Living Standard, along with JavaScript APIs to enhance storage, multimedia, and hardware access.
developer.mozilla.org
CSS Flexbox – Einführung und Überblick
Mit Flexbox könnt ihr unkompliziert variable und responsive Layouts erzeugen. Das Modell arbeitet mit zwei Achsen auf denen Inhalte verteilt werden können. Daher bietet sich die CSS Flexbox besonders für lineare Strukturen an.
kulturbanause.de
Using media queries - CSS: Cascading Style Sheets | MDN
Media queries allow you to apply CSS styles depending on a device's media type (such as print vs. screen) or other features or characteristics such as screen resolution or orientation, aspect ratio, browser viewport width or height, user preferences such as preferring reduced motion, data usage...
developer.mozilla.org
Man könnte dein Code zwar notfalls reparieren , doch auf Dauer bringt das gar nichts , weil so ist der auf dem Handy wahrscheinlich auch nicht responsiv
Zuletzt bearbeitet:
