IE Bug with CSS float and clear - is there a workaround

[Urs Martini]

Hi!

I experienced some problems using IE 6 and some kind of css like this:

.... text above ...

<div style="border: 1ps solid blue; float: left;">This is my 1st float</div>
<div style="border: 1ps solid red; float: left;">This is my 2nd float</div>

<br clear="left">

hello world

.... text below ...

Screenshot Firefox (as it should look like):
http://www.urs-martini.de/screenshot_firefox.gif

Screenshot IE6 (with display-bug - see the missing text above the divs):
http://www.urs-martini.de/screenshot_ie6.gif

The effect in IE 6 is that much of the text before is displayed in white
instead of the correct color. It still appears if I select the content
with ctrl+a or the mouse.

Any other browser doesn't behave like this, so I expect a browser-bug.

Did anyone experience something similar and/or has a fix for that problem?

best regards

Urs Martini

[Els]

Urs Martini wrote:

Hi!

I experienced some problems using IE 6 and some kind of css
like this:

... text above ...

<div style="border: 1ps solid blue; float: left;">This is
my 1st float</div>
<div style="border: 1ps solid red; float: left;">This is
my 2nd float</div>

<br clear="left">

hello world

... text below ...

Screenshot Firefox (as it should look like):
http://www.urs-martini.de/screenshot_firefox.gif

Screenshot IE6 (with display-bug - see the missing text
above the divs):
http://www.urs-martini.de/screenshot_ie6.gif

The effect in IE 6 is that much of the text before is
displayed in white instead of the correct color. It still
appears if I select the content with ctrl+a or the mouse.

Any other browser doesn't behave like this, so I expect a
browser-bug.

Did anyone experience something similar and/or has a fix
for that problem?

Difficult to tell without seeing the rest of the code.
Do you have a live example with a url?
--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Urs Martini]

Difficult to tell without seeing the rest of the code.
Do you have a live example with a url?

I stripped away all of the unnecessary code, navigation
and so on.

What remains is the basic structure of cascading div's.

http://www.urs-martini.de/divtest/

The bug remains...

Any hint for me?

regards...

Urs

[D. D. Brierton]

On Fri, 10 Sep 2004 16:19:27 +0200, Urs Martini wrote:

I stripped away all of the unnecessary code, navigation
and so on.

What remains is the basic structure of cascading div's.

http://www.urs-martini.de/divtest/

The bug remains...

Any hint for me?

The first thing to do is to make sure your test case is valid HTML and
valid CSS. There are errors in both:

http://validator.w3.org/check?verbos...ni.de/divtest/
http://jigsaw.w3.org/css-validator/v...ni.de/divtest/

Best, Darren

--
================================================== ====================
D. D. Brierton da****@dzr-web.com www.dzr-web.com
Trying is the first step towards failure (Homer Simpson)
================================================== ====================

[Els]

Urs Martini wrote:

Difficult to tell without seeing the rest of the code.
Do you have a live example with a url?

I stripped away all of the unnecessary code, navigation
and so on.

What remains is the basic structure of cascading div's.

http://www.urs-martini.de/divtest/

The bug remains...

Any hint for me?

The second link to a stylesheet...
I looked at that stylesheet. No way that's all needed for your
example. And no way I'm gonna check all of that for clashing
floats. Please provide an example without the baggage.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Mud - Tiger Feet

[kchayka]

Urs Martini wrote:

<div style="border: 1ps solid blue; float: left;">This is my 1st float</div>
<div style="border: 1ps solid red; float: left;">This is my 2nd float</div>
<br clear="left">

IE6 (with display-bug - see the missing text above the divs):

<URL:http://www.positioniseverything.net/explorer/peekaboo.html>

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.