Mac :: Firefox :: CSS border issue

Question

Can someone with Firefox on a Mac check this page and see if
you can tell
why in the "products" boxes ( there are 3 ) .. the bottom
border is missing
on only 2 of them. I believe the 3rd box down renders the
border. If I
delete a paragraph from the 1st box, the border shows on the
1st box and not
the other two .. weird.
http://65.115.104.39/html%5Fnewsletters/stevens/urban/
The css is fairly complex for the entire page but the
relevant code for this
product box looks like this.....
#pContent .adblock {
border: 1px dashed #777;
margin: 1em 10px;
background: #fff;
}There is more going on there but the .adblock style is this
container with
the dashed border. Seems to work fine in Safari, and IE and
FF on PC.
Regards,
..Trent Pastrana
www.fourlevel.com

Answer 1

oops, had an extra border in there.
#outerwrap #wrap #pContent hr {
position: relative;
height:0;
border-top:1px solid #777;
Regards,
..Trent Pastrana
www.fourlevel.com
"T.Pastrana - 4Level" <[email protected]> wrote in message
news:e99fee$7lu$[email protected]..
> No, it's actually not the hr causing the missing border.
It was doing
> that before the hr was there. The hr was causing the
redraw problem
> though. Firefox also doesn't render height on hrs very
well. The way
> around both of these problems was to set the height of
the hr to 0px and
> give it a top border.
>
>
> #outerwrap #wrap #pContent hr {
> position: relative;
> height:0;
> border:0;
> border-top:1px solid #777;
> }
>
>
> --
> Regards,
> ..Trent Pastrana
> www.fourlevel.com
>
>
>
>
>
> "Osgood" <[email protected]> wrote in
message
> news:e98c42$oog$[email protected]..
>> Osgood wrote:
>>
>>> T.Pastrana - 4Level wrote:
>>>
>>>> Really? ok thanks for checking...
>>>>
>>>>
>>> Yeah...but now I check in the latest version of
Firefox they don't
>>> appear. Have you got any empty clearing
<divs> in the code.
>>>
>>> If so put a   in and see it that helps.
I seem to remember that the
>>> latest version of Firefox reacts differently to
empty <div></div> on
>>> Mac.
>>
>> This is what is causing those bottom dashed lines to
not appear in Mac
>> Firefox.
>>
>> <hr width="90%" size="1">
>>
>
>