0

Facing the problem to set the footer to the bottom of the page.

I am trying to clone the Amazon Web site i am intermediate in web development. I face the problem of setting footers to the bottom of the page for long content and also suggest other improvements in code another issue if you can help solve that my contact overflow and if i use overflow hidden then it show half div contact i don't won't half show full otherwise hide https://sololearn.com/compiler-playground/WN9f90OoAu3R/?ref=app

15th Mar 2024, 3:24 PM
PARMAR AAYUSH
PARMAR AAYUSH - avatar
7 Respostas
+ 1
I believe the problem is with your absolute positioning. That removes those elements "out of the normal flow". So the footer doesn't see/know that there are things above it.
15th Mar 2024, 7:23 PM
Ausgrindtube
Ausgrindtube - avatar
+ 1
That sounds good to me. Does it look the way you want it to?
18th Mar 2024, 3:29 PM
Ausgrindtube
Ausgrindtube - avatar
0
First of all thank you for solving problems. Ya it works when I am removed but i need to be in the top 25%. other way to solve this problem ?
16th Mar 2024, 1:47 AM
PARMAR AAYUSH
PARMAR AAYUSH - avatar
0
I'm sorry, what do you mean by the top 25%?
16th Mar 2024, 9:00 AM
Ausgrindtube
Ausgrindtube - avatar
0
.products-layout i give it to the position absolute and top 25% due to this position i have faced problem to set footer to the bottom you suggest that remove position. I found it working but now how i set the top 25% but i use margin-top to solve the issue. Is it the correction way ? And thanks again for solving my issue
18th Mar 2024, 2:52 PM
PARMAR AAYUSH
PARMAR AAYUSH - avatar
0
Yes but if you can suggest more improvement then it will be more helpful for me to check this review link or repository code on github https://aayushparmar.me/amazon-clone/
18th Mar 2024, 3:33 PM
PARMAR AAYUSH
PARMAR AAYUSH - avatar
0
.absolute-bottom{ position: absolute ; background: #000; bottom: 0; left: 0; width: 100vw; } but it won't help as the element above it apparently has an uncontrolled size and positioning
18th Mar 2024, 9:19 PM
IAmSupreme
IAmSupreme - avatar