Forum Moderators: travelin cat
I'm not sure if this is the right place to ask this question but here goes. I'm working on a website that I'm creating with the application Freeway(for Mac) and I want to make a colored background box with a border behind some html text. This box can not be a graphic because I want it to expand with the text if someone increases their browser text size and I don't want this box to print if someone prints out the page. I found an easy way to do this by creating 3 html boxes and putting them on top of each other. I've created this [djonmac.com] sample page of what I'm talking about. The bottom box is for the border, the middle box (1pixel smaller all round) is for the colored background and the top box is for the text. This works really well in all browsers except Netscape 7 or Mozilla1.2. With them, the border appears 1 pixel wider at the top. Does anyone know why Netscape does this? And is there any way to correct it?
Thanks.
djon
Definitely something to watch for.
I didn't know about Netscape 7.1. I was still using 7.0.2 in both OS9.2 and Jaguar. You are correct though, this version of Netscape shows the border perfectly. I checked a really old version (4.75) of Netscape and it shows the border correctly as well. This is very fustrating. I never know what to expect from Netscape. Some versions show it correctly and some don't. Thankfully, most visitors to my site are using Safari or IE so there isn't a problem there.
Thanks for your reply. I know virtually nothing about html code. The application I'm using (Freeway) is a wysiwyg html creator so I don't have much experience with html. But I did sit down and try out a few experements with the code you provided and amazingly, I did get it to work in Netscape. But I don't really understand why it works. When I compare the two html codes, they look entirely different. Cound you explain a bit further how my application is writing the html incorrectly?
djon