Forum Moderators: not2easy

Message Too Old, No Replies

double margin problem

         

bubster

3:06 pm on Jan 17, 2005 (gmt 0)

10+ Year Member



Hi

Further to my earlier mail I have resolved the issue for the left of my site but I still have a double margin problem on the right.

Firstly I have a content box:

#Content {
PADDING-BOTTOM: 0px; WIDTH: 720px; PADDING-TOP: 0px
}

this contains a a right block container:

#rightBlock {
FLOAT: right; MARGIN: 0px 21px 0px 0px; WIDTH: 382px; POSITION: relative; HEIGHT: auto; DISPLAY: inline
}

this right block container holds a menu:

#tangnav {
WIDTH: 380px;
HEIGHT: 176px;
FONT-WEIGHT: normal;
FONT-SIZE: 6px;
Z-INDEX: 2;
}
#tangnav UL {
BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; LIST-STYLE-TYPE: none; DISPLAY: inline
}
#tangnav LI {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 114px; PADDING-TOP: 2px
}
#tangnav A {
BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 114px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
UNKNOWN {
WIDTH: auto
}
#tangnav A:hover {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF6600; TEXT-DECORATION: none
}

#tangnav A.current {
BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #ffffff; BORDER-TOP-COLOR: #cccccc; BACKGROUND-COLOR: #adadad; BORDER-RIGHT-COLOR: #cccccc
}

The problem I have is when I add the menu div to my html a double margin appears in Firefox. I am using the 'inline' but it doesn't seem to work.

If anyone can help it is much appreciated.

kind regards

bubster

5:45 pm on Jan 17, 2005 (gmt 0)

10+ Year Member



ok...I can apply the display: inline to an image instead of my list menu and this works for the double margin bug.

When I swap back to my list menu the double margin appears in Firefox.

Any help is much appreciated.....