Click to See Complete Forum and Search --> : Firefox, Opera not displaying DIV borders


JazzcatCB
12-27-2005, 10:08 PM
I have this code that creates a DIV menu bar. It should have a 2px black border at the top and bottom of the DIV. This works ok in IE, but not in Firefox or Opera, and I'm trying to figure out why.

The page is located here. (http://www.myfilmvalet.com/html-basic.php)

<div style="position: absolute; left: 0px; top: 100px; width: 796px;
height: 16px; background-color: #FFFFFF; padding: 0px; margin: 0px;
border-style: solid; border-top: 2px; border-bottom: 2px; border-left: 0px;
border-right: 0px; border-color: #000000;" align="left"></div>

ray326
12-27-2005, 10:27 PM
Try this.

border: 2px solid #000;
border-left: 0;
border-right: 0;

JazzcatCB
12-28-2005, 01:55 AM
Try this.

border: 2px solid #000;
border-left: 0;
border-right: 0;
That fixed it. Thanks Ray.

StudioMex
12-31-2005, 04:31 AM
This is your code:
<div style="position: absolute; left: 0px; top: 100px; width: 796px;
height: 16px; background-color: #FFFFFF; padding: 0px; margin: 0px;
border-style: solid; border-top: 2px; border-bottom: 2px; border-left: 0px;
border-right: 0px; border-color: #000000;" align="left"></div>

You can also do:

<div style="position: absolute; left: 0px; top: 100px; width: 796px;
height: 16px; background-color: #FFFFFF; padding: 0px; margin: 0px;
border-top: 2px solid #000; border-bottom: 2px solid #000; align="left"></div>


Is just a cleaner way to make your borders....:)