Hallo zusammen.
ich will eine Website machen, die nicht über den Bildschirm hinaus geht.
Sprich, dass kein Element über den sichtbaren Bereich herausragt und es auf keinen Fall Scrollbalken gibt.
Mit Freundlichen Grüßen, xtechnix
Website, welche nicht über den sichtbaren Bereich herausragt
-
-
Und wo genau hakt es jetzt bei der Umsetzung?
-
Das nicht alles auf der Website flexibel sein kann und es so Probleme gibt. Sprich die Buttons sollen immer gleich groß sein aber das Bild darunter muss flexibel sein. Sagen wir, wenn die Seite im Browser 500px Hoch ist und die Buttons 50 px weg nehmen, wie kriege ich es hin, das das Element in diesem Fall 450px groß ist, wenn die Seite aber 100px Hoch angezeigt wird, die Elemente dann 950px hoch sind?
-
Also so in etwa:
HTML
Alles anzeigen<!DOCTYPE HTML> <html lang="de"> <head> <meta charset="UTF-8"> <title>test</title> <style> * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body{ height: 100%; margin: 0; overflow: hidden; } header { height: 50px; } button { height: 50px; width: 100px; font-size: 1.6em; } section { background: url("http://lorempixel.com/1800/1200/sports/") no-repeat center center fixed; background-size: cover; height: 90%; height: calc(100% - 50px); } </style> </head> <body> <header> <button>blubb </button> </header> <section> </section> </body> </html> -
Danke!