Jump to content

Recommended Posts

My problem here is that I can't figure out how the make the fill 100% of the browsers screen. I've changed the background color to gray to tells me that the 100% height value is working on the html and body tag. Now how do I get the footer to go to the bottom of the page?

I know this question has been ask many time in this forum, but I can't make sense of getting the previous answers to work in my case. Thanks in advance for any help.

Link to site: http://monin.com/us/en/tableless_layout.php
Link to CSS: http://monin.com/us/en/css/moninstyle2.css
Link to comment
https://forums.phpfreaks.com/topic/34792-100-height-layout/
Share on other sites

Let the content do teh work. Fixed height layouts often fall over whne they don't account for lower screen resolutions.

I hate fixed height layouts but If they are wahat is honetsly wanted i think it best to make a content area of fied height and gve it over-flow: auto;
Link to comment
https://forums.phpfreaks.com/topic/34792-100-height-layout/#findComment-166068
Share on other sites

If I set any height attributes the the content div (#main) it seems to push the margin over to the left an additional 220px in Firefox. I guess I will have to live with the content determining the height. I thought the layout would look better if the footer always appeared at the bottom of the page regardless of content
Link to comment
https://forums.phpfreaks.com/topic/34792-100-height-layout/#findComment-168366
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.