472,954 Members | 1,869 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,954 software developers and data experts.

Div Fluid Height question

I'm having a really hard time figuring out how to do this, if anyone can offer some advice it would really be appreciated.

Basically I'm trying to create a web page with 3 rows:

Top Row: 25 pixel fixed div

Bottom Row: 125 pixel fixed div that's attached to the bottom of the page

Middle Row: I want this to scroll with the height of the web browser with overflow: auto for it's contents. So basically I want it's height to be 100% minus 150 pixels. I don't think there's a way to make the height: 100% - 150px; is there?

Any idea on how I make this all fit together cleanly?

thanks for any help,

Jan 16 '08 #1
1 3311
7,435 Expert 4TB
I don't think there's a way to make the height: 100% - 150px; is there?

I've answered this three times on this board and keep telling myself to make an article about it but I then forget. I'll have to look up my page where I do that but it might take a while.

In any case, what you do is create your header and footer as normal. The div that would be in the middle is then contained in a new "wrapper" div. This wrapper div is set to 'height:100%". Make sure you set "html,body{height:100%}"

This will push the footer down beyond the bottom of the page, so to bring it back into view, give it a negative top margin equal to the height of footer.

Now that's from memory only. I hope details aren't important :)
Jan 16 '08 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Alberto Santini | last post by:
I ported a Jos Stam's demo about Fluid mech to check the difference of speed between C implementation and Python. I think I achieved good results with Python and there is space to improve, without...
by: Alex Bell | last post by:
I have a fluid header/two column layout at http://www.members.iinet.net.au/~abell1/test/demo10.htm which works with windows MSIE 5.5 and 6, Mozilla, Netscape, and Opera; and Safari but which...
by: David Winter | last post by:
This is a totally trivial CSS problem, I'm sure, but I don't get it. I want a centered DIV with a fixed width between two other DIVs that should fill the rest of the window/viewport (= 100%). How...
by: Jam Pa | last post by:
Once again my big mouth has landed me with a tough job. I have a static CSS layout, where each and every element has been defined by pixel size - lots of them, too! Mostly relative elements,...
by: Basso | last post by:
hi all, I'm working on this layout from a lot of days without success. Layout is not too complex: .. 1 navigator on left side (111px width, height: 100%) on right side: { .. on top part my page...
by: JB | last post by:
Hi All, Is it acceptable to use a fixed width vertical navigation column within a fluid 2 or 3 column layout? Example. Left Column (navigation) fixed width of say 180px Right Column (main...
by: hiazle | last post by:
I have part of my website that has to be laid out with 3 DIVs like this: |---------------------------------------------------------||--------------------| | ...
by: lister | last post by:
Hi, I have a div with fluid content, below which I want a scrollable div. I can't work out how to style the scrollable div to say "use the rest of the space in the container". The best I can...
by: Nik Coughlin | last post by:
One thing that has always annoyed me, and I just design around it, is having a tile that you want to use for your background image that doesn't seamlessly tile, in a container that you want to be...
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.