[SOLVED] Alignment Issues

Hi,
I'm currently putting together a few frontpage examples and have run into a few alignment issues. If anyone has some input it would be great!

First: <hr /> won't align center in Firefox but will in IE. I have searched google and changed the css to several different hr styles without any luck. I have also played around with where I'm using clear: both;

Second: I'm starting to notice differences in the IE and FF alignment around the address and contact details as well as the jobs search area. I can't see why this is the case.

Thanks
Denis

Edit: Apologies meant to post the link: http://www.bjmarine.net/ambassador

The HR tag is depreciated. Use css. Something like

Code: Select all

.hRule {height:1px background:#CCCCCC; overflow:hidden;}

Thanks for the input. I tried;

HTML: Select all

<div class="line"></div>

Code: Select all

.line {
    height:1px 
    background:#9E9E9E;
    overflow:hidden;
    color: #9E9E9E;
    background-color: #9E9E9E;
}

and got a fat line in IE but nothing in FF

try .line {height:1px; border-bottom:1px solid #9E9E9E;}

<div class="line">&nbsp;</div>

__________________

Thats back to what I had with the <hr> on the site I have live, where the line is not centering like it does in IE.
Edit: I have tried 'text-align: center;' without any luck

It should fill the width of its parent, you can give it margins and/or a width and use margin:0 auto; etc etc.. if its not working then something else is causing the issue.

Basically if you toss that in a div and give it say margin:0 12px 0 12px; it should center by default.

__________________

Perfect, thanks for that

hehe so that mean it works now?

__________________

yep, thanks for your time!

Awesome. Glad its sorted.

__________________