The fixed menu?
Hello!
The following problem occurs, fix the menu at the top (position:fixed) and then the elements that were below it are moved up under the menu, how do I do to go paradoce, but at the same time, the menu was fixed.The difference in the pictures
The following problem occurs, fix the menu at the top (position:fixed) and then the elements that were below it are moved up under the menu, how do I do to go paradoce, but at the same time, the menu was fixed.The difference in the pictures
asked September 19th 19 at 00:12
4 answers
answered on September 19th 19 at 00:14
Oh, familiar problem. The fact that under the menu (it would be more logical to call the header) must register padding-top.
Example.
Example.
answered on September 19th 19 at 00:16
When I add position: fixed, also add a padding-top equal to the height of the menu to body or main container.
please see below comments commented on September 19th 19 at 00:19
if you want to shift and the background image, you will either need to displace it with background-position, or is padding-top write to position: relative, top: X, where X is the height of the menu. The first option is preferable. commented on September 19th 19 at 00:22
answered on September 19th 19 at 00:18
Added to the container padding-the top, the text is shifted and the image itself has no background.
body {
background:url('/////') no-repeat left 50px;
} commented on September 19th 19 at 00:21
background:url('/////') no-repeat left 50px;
} commented on September 19th 19 at 00:21
answered on September 19th 19 at 00:20
Set the container value of the margin-top equal to the height of the menu.
Find more questions by tags HTML
Something like that. - douglas_Wehner commented on September 19th 19 at 00:20