Problems with Horizontal rules...help needed please

[wickywills]

Hi,

I recently started building my personal website to show off some of my 3D work, however i've currently been defeated by.....a Horizontal Rule!!

If someone could kindly take a look at www.wickywills.co.uk (my website in progress), i have placed a horizontal rule in between two of my nested div boxes (my recent work examples), however it is spaced unevenly and doesn't even show up in firefox!!

Would any of you CSS gurus be able to take a look and let me know where i'm going wrong? Its bound to be a simple setting somewhere, but i'm still getting to grips with CSS (and pulling hair out in the process!).

thanks in advance for any help!

James

[arvana]

Are your divs floated? If so, you could try adding a style="clear:both" to your <hr>.

An alternate way of going about it would be to add a "border-bottom:1px dashed black" to your divs, instead of using a <hr>.

Hope that helps!

[wickywills]

thanks very much for the help arvana, its 'almost' sorted now. however, one thing still eludes me; why does the spacing top and bottom of the 'dashed' HR appear smaller in Firefox than IE?

I'm currently using this code for my HR:

HR {
	clear:both;
	border: none 0; 
	border-bottom: 1px dashed #000;
	width: 100%;
	height: 1px;
	margin: 10px auto 10px 0;
	padding-top:10px;
	text-align: left;}

I'm just trying to be consistant accross all browsers.

again, thanks for the help

[crdesign]

Good luck with solid consistency across all browsers. I've found that 80% of my time is spent finding a happy medium for consistency across browsers. Every browser chooses to do a few things a little different or not at all. Whether it be CSS, HTML, or even javascript at times.

[wickywills]

thanks crdesign. Guess things just got worse now IE7 is out :(.

Think i've got my site basically sorted now. My site didn't previously validate, and most of the problems i had were because my Host - 1and1 - choose to use iFrames to forward domains. WHY DO THEY DO THIS?!?!

I have since moved to godaddy and changed my website to wickywills.com (previoulsy .co.uk), and I think the move to godaddy will solve a lot of my problems.

think i can call this "case closed".

thanks for the help everyone :)