I want to create a one Page which is not scrollable, its always a fixed full screen menu.
First i tried % and it worked very well, i thought its perfect and done, but if i open the side on another PC or on another resolution (i changed in windows option) it looks completly different. The pictures are partially outside of the Screen :(. Now i also tried “VH” but its still the same, it works on 16:9 but on 4:3 it doesnt work…
Is there another way to fix positions in the Broswer? So that the Icons are on every screen on the same position?
No way (BG yes not content). You want the same graphic to fill up the screen. If you really don’t want a scroll add design tweaks (Change size and so on). Or by overflow
Use Flex (Always center-center) your graphics.
Your layout is very wierd (Use bg image for the background image not image element inside div). You add image that’s’ pull down all content (see image):
Or by regular padding-margin (No need for endless tricks for this layout).
If you want to create overlay this is the trick:
Anyway use BG image its better/easy to fill-up the screen with.
Follow this tutorial:
And this:
Also her you find a lot of free templates with full width header (Try and learn the styles):
Concept problem
Also: If you set fullscreen element to be fixed - you get “full screen div that’s always hide the content Below”) + Remember to wrap with div the elements you want to be fixed
I have another Question, if you have time to answer!
I did the same concept with flexboxes now - and i would add a “hover” effect again, if someone hover over a picture it change to a colorfull picture.
Is there a better/easier way to give 2 Images on same position?