Hello
I've posted this on other forums, but hope between them all I get the answer!
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!
screen border?
Hi co2,
There's not going to be an easy way to do what you want
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.
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!!)
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).
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