...

View Full Version : css border problem (gap in firefox)



hissam
05-03-2009, 10:56 PM
HI all!

The website i'm designing at the moment is having a problem.
Here's the link:
http://www.i-lrn.com/laurence3/newindex2
Now the problem is when you open it in ie there is no gap between the menu (the buttons) and the banner. But when you open it in firefox there seems to be a gap between them. And i can't understand why? Can someone please help me!? :confused:


here's the css style sheet


TD {
COLOR: Black;
FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
line-height: 200%;
}


.topmain {
BORDER-RIGHT: 10px solid #003399;
BORDER-TOP: 0px solid #003399;
BORDER-LEFT: 10px solid #003399;
BORDER-BOTTOM: 5px solid #003399;
}

.topflag {
/*BORDER-RIGHT: 10px solid #003399;
BORDER-TOP: 1px solid #003399;
BORDER-LEFT: 10px solid #003399;
BORDER-BOTTOM: 1px solid #003399;
background-repeat: no-repeat;
background-position: right;*/
}

.topsubmenu {
BORDER-RIGHT: 0px solid #006699;
BORDER-TOP: 0px solid #006699;
BORDER-LEFT: 10px solid #006699;
BORDER-BOTTOM: 0px solid #006699;
}

.footernew {

BORDER-RIGHT: 10px solid #003399;
BORDER-TOP: 5px solid #003399;
BORDER-LEFT: 10px solid #003399;
BORDER-BOTTOM: 5px solid #003399;
}
.footernew2 {

BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 5px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;
}

.imagenew {
width:400px;
BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 5px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;
}

.imagenew2 {
width:400px;
/*BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 5px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;*/
}

.updates {
width:400px;
line-height:200%;
BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 5px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;

}


.headernew {
/*font:Tahoma;
font-size:16px;*/
width:500px;
BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 20px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;
}

.textnew {
width:500px;
line-height:200%;
BORDER-RIGHT: 10px solid #FFFFFF;
BORDER-TOP: 5px solid #FFFFFF;
BORDER-LEFT: 10px solid #FFFFFF;
BORDER-BOTTOM: 5px solid #FFFFFF;
}


Thanx for all the help!

coothead
05-03-2009, 11:37 PM
Hi there hissam,

add this rule to your stylesheet...


.topflag p {
margin:0;
}

coothead

hissam
05-03-2009, 11:46 PM
Hey! thanx!

It worked! :thumbsup:

coothead
05-03-2009, 11:53 PM
No problem, you're very welcome. ;)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum