View Full Version : Borders in Mozilla and Netscape

01-29-2004, 01:13 AM
Quesiont 1#: Borders in my webpage won't show up in Mozilla and Netscape but the work fine in everything else. What do you think the problem might be?

Question #2: When I give block elements height atributes of 100%, the block stretches longer than the height of the page. I beleive this is because there is another block right above it but I am not sure. Is there any way to get around this?

Alright I just uploaded the page so you can look at it. its right here:


01-29-2004, 03:40 AM
http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions should help you to understand why you are having problems.

Of course, I could be wrong. This is just a guess as I have no code to look at.

// freak

01-29-2004, 07:37 AM
Ok sorry here is the link to my page so you can answer my qustions haha:


01-29-2004, 02:03 PM
I really can't see why your borders fail, other then "#OOO000";
the character "O" is not a valid hexadecimal symbol; I guess you meant "#000000", or "#000" for short.

Your div indeed takes up 100% of the height of its containing block, which for flow-in content is the view port. The height of the header is added to this.
Either try messing about with positioning, or give up the "I want this page to be as high as the view port, even though there's no reason for it" appproach and let the div be as high as it needs to be for its content.

01-30-2004, 03:01 AM
Originally posted by ronaldb66
I really can't see why your borders fail, other then "#OOO000";
the character "O" is not a valid hexadecimal symbol; I guess you meant "#000000", or "#000" for short.

Yup thats the problem.

02-01-2004, 06:53 AM
Netscape doesn't like borders, padding, etc. I use XHTML + CSS on my site, and I end up having to create 2 stylesheets - one for IE and all the stuff it can handle, and 1 for Netscape minus all the stuff it can't (like padding). There's just no escaping it. When you CAN get it to work under Netscape, it's only partial. For instance, Netscape doesn't know what a border-outset or inset is, but IE renders it correctly.

If it makes you feel better, AOL's dismantling Netscape so you may not have to worry about it much longer... :D

02-01-2004, 07:14 AM
funny, I use all sorts of borders and padding in my site and Netscape handles it no prob-- it's IE that's always messing things up for me (and if you readd this forum, many, many others, too)...

02-02-2004, 06:55 PM
...Netscape doesn't recognize what border "inset" or "outset" is, You'll see a space between an item and the margin around it because NS renders it differently, blah blah blah... Some of these browser differences are documented on many websites (like W3C) & books, such as "CSS - The definitive guide" & "XHTML (with CSS) Quick-Start Edition", etc.

I use Netscape 6.2 and 7 and noticed the inset/outset, padding vs margin differences between IE & Netscape. Of course, IE's not perfect either & doesn't render other stuff correctly when Netscape does... Talk about frustrating...

Can't we all just get along?

But just so you know, I preview pages using Netscape 7 and 6 (I have 2 computers), and also IE 5 & 6, as well as Opera 3.5. It's amazing how different 1 page can look amongst these browsers.

Here's one place to start for CSS bugs and workarounds between browsers:

This post is best viewed using ANY browser. :thumbsup: