467,923 Members | 1,289 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,923 developers. It's quick & easy.

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

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
Jul 20 '05 #1
  • viewed: 7048
Share:
5 Replies
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 vo. O resto imperfeito.
- Renato Russo -
Jul 20 '05 #2
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
Jul 20 '05 #3
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)
================================================== ====================

Jul 20 '05 #4
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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Mud - Tiger Feet
Jul 20 '05 #5
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.
Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

10 posts views Thread by Stefan Hhne | last post: by
8 posts views Thread by Harlan Messinger | last post: by
4 posts views Thread by Florian Brucker | last post: by
5 posts views Thread by Chris Beall | last post: by
10 posts views Thread by Jesper Rnn-Jensen | last post: by
2 posts views Thread by Dr. Richard E. Hawkins | last post: by
4 posts views Thread by Jay Levitt | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.