Leave a Reply

27 Comments on "Fit to Page (The Standard, Ep. 2)"

Notify of
avatar

Alexander Varwijk
Guest
Alexander Varwijk
25 days 23 hours ago

I had this exact problem and I wasn't looking for a solution yet. Going to implement it straight away : )

Сергей Мочалов
Guest
Сергей Мочалов
2 months 21 days ago

great mini tips, keep going

DuDDiTs
Guest
DuDDiTs
2 months 23 days ago

In the example on codepen need to add "box-sizing: content-box" to #footer. It helps prevert showing scrollbars. Because now #footer has "width: 100%" and "padding: 4px;" and it extends #footer beyond viewport

Hady Tolba
Guest
Hady Tolba
2 months 24 days ago

Can I do 100% instead of 100vh?

Good Parts
Guest
Good Parts
2 months 25 days ago

Great tip. Thank you Sam. 🙂

whatsthatredbuttondo
Guest
whatsthatredbuttondo
2 months 27 days ago

Your linked codepen example in the description does not work for me in chrome.I still get scrollbars..

David Young
Guest
David Young
2 months 28 days ago

So when doing this with a then absolutely positioned footer, the footer will overlap the very bottom piece of content when the window is small enough, unless that main element above the footer is given padding-bottom equal to the height of the footer div? I found myself having to do this to prevent the footer overlapping the main content div. Is that the way it's meant to be done?

Lars Rye Jeppesen
Guest
Lars Rye Jeppesen
2 months 24 days ago

You can set the "100vh" on your content div

Βασίλης Κρικώνης
Guest
Βασίλης Κρικώνης
2 months 28 days ago

Is there a solution for the 100vh issue on iOS Safari being larger than the initial visible height with the top and bottom toolbars?

László Balogh
Guest
László Balogh
3 months 2 hours ago

More of these, please!

Ильяс Бикташев
Guest
Ильяс Бикташев
3 months 3 hours ago

большое спасибо!

1 2 3
wpDiscuz