2 replies [Last post]
Digeart
Offline
Regular
Last seen: 16 years 28 weeks ago
Timezone: GMT+10
Joined: 2004-04-12
Posts: 14
Points: 0

Hello,

NewB here. Im trying to get my site to fit 100% height, with 10px margin top and bottom of the page.

my site:
http://lapconcepts.com.au/home.php

as u can see, it looks how i want it. but the page wont scroll when the content needs to over flow. I have 3 css files, 2 for design, where i can select the layout. And the 3rd is for the layout.

http://lapconcepts.com.au/normal.css
http://lapconcepts.com.au/common.css
http://lapconcepts.com.au/wide.css

There is a bit of junk here and there, which has come from testing and other pages. But thats still in line to be cleaned up.

Any help on getting the page to scroll and fit within 10px top and bottom would be much appreciated.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 50 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Fit between 10px top and bottom. NewB here.

Hi

100% height is the css nightmare scenario.

Get it right for one browser and it breaks another.

Get it right with minimal content and it breaks with more than a page's worth, or vice versa.

However, one thing I do know, the body has to have it's height set to 100%. Then you have to mess around with hacks to feed mozilla browsers (and Opera) a min-height of 100% (and height set to auto) for the main page container div, but IE and Safari need height:100%

And then, if you are in standards mode (ie you have a doctype, which you have to for this to work), IE MAc doesn't like it much, so you have to hide it from that.

Aaaghhh

Trevor

Digeart
Offline
Regular
Last seen: 16 years 28 weeks ago
Timezone: GMT+10
Joined: 2004-04-12
Posts: 14
Points: 0

Fit between 10px top and bottom. NewB here.

Maybe there is another way to achieve what i'm after. Somehow. Anyone? Bill?