New or known IE 6 bug?

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html. Does
anyone know why IE 6 shifts the horizontal bar to the left when it follows a
paragraph that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting padding-bottom
to 0?

TIA,
Boris

Boris wrote:

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html. Does
anyone know why IE 6 shifts the horizontal bar to the left when it follows a
paragraph that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting padding-bottom
to 0?

Looks exactly the same in all browsers I tested (IE6, Mozilla, Opera).
What exactly do you think should be different??


Matthias

Matthias Gutfeldt wrote:

Boris wrote:

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html. Does
anyone know why IE 6 shifts the horizontal bar to the left when it follows a
paragraph that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting padding-bottom
to 0?


Looks exactly the same in all browsers I tested (IE6, Mozilla, Opera).
What exactly do you think should be different??

Strange, in my IE6 it looks like Boris said it should. The bar was
aprox 70 percent long from the left, in Mozilla 100 percent.

--
/Arne
http://w1.978.telia.com/~u97802964/
DEFAULT - defect in manufacture

Arne wrote:

Matthias Gutfeldt wrote:
Boris wrote:

Please point your IE 6 to
http://www.highscore.de/ie/ie6cssbug.html. Does anyone know why IE
6 shifts the horizontal bar to the left when it follows a paragraph
that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting
padding-bottom to 0?


Looks exactly the same in all browsers I tested (IE6, Mozilla,
Opera). What exactly do you think should be different??


Strange, in my IE6 it looks like Boris said it should. The bar was
aprox 70 percent long from the left, in Mozilla 100 percent.

Really strange. I added my IE version and a screenshot.
Matthias, please see http://www.highscore.de/ie/ie6cssbug.html again.

Boris

Boris wrote:

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html.
Does anyone know why IE 6 shifts the horizontal bar to the left when
it follows a paragraph that is put into a div-element which has a
left-border and padding-bottom set to greater than 0?
[snip]

For interest, I notice that it is shortened by 300 pixels. (That is, on my IE
6, it is 310 pixels from the RHS, whereas the other end is only 10 pixels from
the LHS). This appears to be consistent over several viewport widths.

And, of course, your green border is 300 pixels wide! And, guess what? Change
the border to 500px, and the line becomes 510 pixels from the RHS.

Spooky. But I have no idea what is happening. It is OK on Firefox 0.8,
Netscape 7.1, Opera 7.23, & IE 5. That latter is very suggestive!

Try putting a border round the <p>, for example:
p {
border: 1px dotted blue;
}
You will find that the <hr> gets closer to the RHS!

Bug, yes. New, don't know.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html. Does
anyone know why IE 6 shifts the horizontal bar to the left when it follows a
paragraph that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Actually, my IE6 (WinXP) does what he should do. However, my IE 5.x does
not. But I regret not having a solution for that. Maybe a wrapper-DIV helps.

Boris wrote:

Please point your IE 6 to http://www.highscore.de/ie/ie6cssbug.html.
Does anyone know why IE 6 shifts the horizontal bar to the left when
it follows a paragraph that is put into a div-element which has a
left-border and padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting
padding-bottom to 0?

Seems like I rediscovered a bug which others call "Magik Creeping Text":
http://www.positioniseverything.net/explorer/creep.html

However there seems to be an easy fix. I added this CSS line:
* html div { height:1%; }

This line makes use of the Holly Hack
(http://www.positioniseverything.net/...pe-floats.html) and the
Star html Selector bug
(http://www.info.com.ph/~etan/w3panth...rhtmlbug.html). Bugs
everywhere ...

Boris

Boris wrote:

Arne wrote:

Matthias Gutfeldt wrote:

Boris wrote:


Please point your IE 6 to
http://www.highscore.de/ie/ie6cssbug.html. Does anyone know why IE
6 shifts the horizontal bar to the left when it follows a paragraph
that is put into a div-element which has a left-border and
padding-bottom set to greater than 0?

Any idea how to move the horizontal bar back without setting
padding-bottom to 0?


Looks exactly the same in all browsers I tested (IE6, Mozilla,
Opera). What exactly do you think should be different??


Strange, in my IE6 it looks like Boris said it should. The bar was
aprox 70 percent long from the left, in Mozilla 100 percent.


Really strange. I added my IE version and a screenshot.
Matthias, please see http://www.highscore.de/ie/ie6cssbug.html again.

Doh! After a second check, I realize this is what I get too. Sorry, I
guess I didn't pay attention. Blame it on acute hunger, it was just
before lunch :-).


Matthias

On 26 Jun 2004 23:46:32 GMT, Halfwedge <halfwedge (AT) aol (DOT) com> wrote:

Try center tag

What is this, an ad?

Try quoting for context, so we don't have to read back into the thread
(which your post might be separated from on some people's NG servers).

Second, the center element is deprecated in the DTD the OP used in the
example, and besides has no effect whatsoever.

I see the error on W98 on IE6. The hack Boris mentioned works fine. But I
might caution you, don't get hung up on the presentation of hr in your
document. hr is an odd little fellow and usually the best thing to do with
it is display: none; and use a border on a div instead.