Member Avatar for Violet_82

Ok the good news is that I kind of fixed it, the bad one is that I don't know why the change I made fixed it.
I simply put the

<hr>

in a

<div>

(and I think somebody mentioned something like that in this thread) and it works as in the line is now floating left in IE7 as well (yay!!) even if it creates a strange effect on the line itself which looks like it has a secondary smaller line running across the whole width... anyway, why would a

<div>

fix it? It is just a container!
What I have done I have replaced

<hr id="horizonal_line">

with

<div id="horizontal_line">
<hr>
</div>

This makes no sense at all to me...

Member Avatar for Arkinder

Because a div is a block-level element, where as a hr is an inline-element.

Regards, Arkinder

Member Avatar for Violet_82

Oh I see, thanks. I read what you suggested about CSS by the way, it was interesting and useful to know more about floating, thanks. Do you happen to have anything good about DIVs? I am using the W3C schools website a lot, but really, it doesn't explain things, and I often need some more explanation and details...
I will post more stuff about my website quite soon, still have some funny problems but thanks for your help so far

Member Avatar for teedoff

Violet, here's a good site for understanding floats.

w3schools is good for learning most things. They seem to sometimes lack some concepts though.

Another good site is here.

Edited by teedoff because: n/a
Member Avatar for Violet_82

Excellent, thanks!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.