Leave a Reply

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

Notify of
avatar

Сергей Мочалов
Guest
Сергей Мочалов
4 days 18 hours ago

great mini tips, keep going

DuDDiTs
Guest
DuDDiTs
6 days 3 hours 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
6 days 19 hours ago

Can I do 100% instead of 100vh?

Good Parts
Guest
Good Parts
7 days 15 hours ago

Great tip. Thank you Sam. 🙂

whatsthatredbuttondo
Guest
whatsthatredbuttondo
9 days 18 hours ago

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

David Young
Guest
David Young
10 days 20 hours 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
6 days 18 hours ago

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

Βασίλης Κρικώνης
Guest
Βασίλης Κρικώνης
10 days 21 hours 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
13 days 2 hours ago

More of these, please!

Ильяс Бикташев
Guest
Ильяс Бикташев
13 days 2 hours ago

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

Dmitry Yudin
Guest
Dmitry Yudin
13 days 16 hours ago

+1

1 2 3
wpDiscuz