width and height style attributes in Netscape 4.7

**Brett R** · Aug 25, 2004 07:44

unfortunately a client has a requirement that a site work in netscape 4.7. i have installed netscape communicator 4.74 to test with.

i was testing the support of DIV tags as the site requires the use of layers. i created a simple div container but it does not seem to recognise the width or height attributes. I have browsed the web for known NN4 bugs but didn't come across any relating to width or height attributes. does anyone know if this is a known bug?

here is the test code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
<style type="text/css">
.test {
	background: #ff0000;
	width: 500px;
	height: 100px;
}
</style>
</head>
<body>
<div class="test">&nbsp;</div>
</body>
</html>

the div does not display correctly, it's just a couple of pixels wide due to the space.

any insight would be much appreciated

**Paul O'B** · Aug 25, 2004 09:21

Try putting a white border around it.

Code:

.test {
 background: #ff0000;
 width: 500px;
 height: 100px;
border:1px solid #fff;

Paul

**Brett R** · Aug 26, 2004 00:15

thanks Paul,

i tested it and it seems to stretch the div to it's correct width now. it does however pad the div container by 2 pixels?
the height does not seem to work though, here is a screenshot:
http://www.brett-reid.com/screengrab.gif

as you can see, the width is fine but the height...not so fine.

ahhh the panic

**Paul O'B** · Aug 26, 2004 03:27

Hi,

I don't know a lot about nn4 because I don't support it anymore but I believe you need the non-standard layer-background-colour and position:relative;

e.g.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
<style type="text/css">
.test {
background: #ff0000;
width: 500px;
height: 100px;
position:relative;
border:1px none #000000;
layer-background-color: #FF0000;
}
</style>
</head>
<body>
<div class="test">&nbsp;</div>
</body>
</html>

Paul

**Brett R** · Aug 26, 2004 06:25

works perfectly! thanks a million.

User Tag List

Thread: width and height style attributes in Netscape 4.7

Thread Tools

Display

width and height style attributes in Netscape 4.7

Bookmarks

Bookmarks

Posting Permissions