4 replies [Last post]
co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 14 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Hello

I've posted this on other forums, but hope between them all I get the answer! Tongue

I've searched through the forum to an answer to my question. I've come close to what I need but not quite. My problem is similar to the ongoing 'footer' question that keeps cropping up... how do you add a footer to the bottom of the screen and make it stay (unaffected by the content above).

However, my situation is that, I would like a 10px white border around the left, right, and bottom edge of the screen (the screen background being a light grey, the top border being 125px, which can be created quite easily in other ways not particular to this problem).

The border has to stay on the screen (i.e. if the page content goes beyond the browser window, the white 10px border will still be at the bottom of the screen (visible), and not at the bottom of the page).

I've had a tabled version working on everything except Mozilla/Netscape... and a div version working on everything except IE5 (Mac) and IE Windows.

The problem lies (I think) in the browser's inability to implement any parameter within CSS concerning height (oh' how I'd love IE to be able to implement the 'bottom' positioning property!)

Big thanks in advance! Wink

The next sentence is true. The previous sentence is false. Discuss...

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

screen border?

Hi co2,
There's not going to be an easy way to do what you want Sad
What you could try is to modify Position Fixed at Devnull to fix them in position and [url=http://www.csscreator.com/css-node/499 script[/url] to get the viewable screen dimensions and position the footer.

Or you could try an iframe, which would most likely be much easier as long as it give what you want.

Hope that helps.

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 14 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

screen border?

Hi Tony

I've tried an iframe (but they are not working too great in Safari).

I've found a table solution (still working on it)... as long as I can get the code to validate under xhtml transitional, I'll be happy.

If this fails, then I'll try the devnull and your script (thanks!)

Glad I found this forum, hoping to stick around (unlike these damn css positions!!) Wink

The next sentence is true. The previous sentence is false. Discuss...

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 14 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

screen border?

The original problem I was having was that css based positioning (using divs) where not consistent in IE (both Mac and Windows)... since I was basing the lower stuff on the bottom positioning (which IE doesn't want to know about).

I therefore swapped over to tables (didn't want to, but it was a simple enough table and could still be standards validated). However, Netscape/Mozilla didn't like the table heights (or didn't follow orders to) 100% of the screen. This caused days of CSS investigations and tricks (don't like to revert to javascript, since I wan't to understand the DOM and my knowledge of javascript is lacking until I pick up that book!)

Anyway, I found the fix to make Netscape's tables hit a full 100% page/screen height. I integrated into my code, but it didn't work. It turns out that it's the DOCTYPE line that's causing the problem in Netscape. Take it away, and all works well in all browsers.

Any clues to how this maybe rectified with a DOCTYPE included? :?:

Here's a link to my two examples:

Without DOCTYPE
http://c-o2.net/cssTests/NNtableWithoutDOCTYPE.html

With DOCTYPE
http://c-o2.net/cssTests/NNtableWithDOCTYPE.html

... all needed to be viewed within Netscape (I'm using v6) or Mozilla on PC (my mac version is playing up on these files, but I think it's a cache problem).

The next sentence is true. The previous sentence is false. Discuss...

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

screen border?

Hi co2,
here's an article that may help to explain the problem. http://www.ericmeyeroncss.com/bonus/render-mode.html

Hope that helps