float problem with Mozilla

[Johannes Koch]

Hi,

<http://www.fit.fraunhofer.de/~koch/float_prob/>

Is there a way to make Mozilla not to push the red image on top of the
menu on the left when the viewport's width is very small? Opera,
Konqueror and WinIE render in a way I would like it to be.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Lauri Raittila]

Johannes Koch wrote:

Hi,

<http://www.fit.fraunhofer.de/~koch/float_prob/>
Clear bug on Mozilla. Someone familiar with mozilla should check if it is
reported.
Is there a way to make Mozilla not to push the red image on top of the
menu on the left when the viewport's width is very small?

#content {min-width:200px;}

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä

[Johannes Koch]

Lauri Raittila wrote:

Johannes Koch wrote:

<http://www.fit.fraunhofer.de/~koch/float_prob/>

Clear bug on Mozilla. Someone familiar with mozilla should check if it is
reported.

I simplified the example. Now it's only a p with a margin-left and a
floated image.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Lauri Raittila]

Lauri Raittila wrote:

Johannes Koch wrote:

Hi,

<http://www.fit.fraunhofer.de/~koch/float_prob/>
That seems to have changed. This is what it used to be, exept yellow
border on #content, and image moved before <p>
http://www.student.oulu.fi/~laurirai...illafloat.html

Clear bug on Mozilla. Someone familiar with mozilla should check if it is
reported.

Brokes agains #3 on
http://www.w3.org/TR/CSS2/visuren.html#float-rules
http://www.w3.org/TR/CSS21/visuren.html#float-rules
Is there a way to make Mozilla not to push the red image on top of the
menu on the left when the viewport's width is very small?

#content {min-width:200px;}

Opera seem to have bug as well, as float:righted image should overflow
to left. Opera breaks rule #1 quite quickly.

IE5.5 renders it almost as spec requires, it only breaks rule #1 when it
left outer edge of float would go outside window. Other possibility would
be to break rule about taking float out of flow. Or doing what mozilla
does, rendering image outside window.

This seems to be something that should be tackled in specification level,
I think, as spec really don't give good answer, on what to do.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä

[Els]

Johannes Koch wrote:

Lauri Raittila wrote:

Johannes Koch wrote:

<http://www.fit.fraunhofer.de/~koch/float_prob/>

Clear bug on Mozilla. Someone familiar with mozilla should check if it
is reported.

I simplified the example. Now it's only a p with a margin-left and a
floated image.

Why did you simplify it?
Lauri's solution still works, only change #content to p.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Johannes Koch]

Els wrote:

Why did you simplify it?
Because now it only contains necessary things.
Lauri's solution still works, only change #content to p.

No. The margin-left is in em, the image's width is in pixel.
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Lauri Raittila]

Johannes Koch wrote:

Lauri Raittila wrote:

Johannes Koch wrote:

<http://www.fit.fraunhofer.de/~koch/float_prob/>

Clear bug on Mozilla.

I simplified the example.

I saw. Now it shows float bug in Opera, and something in between bug and
correct behaviour on IE5.5.
Mozilla renders it exactly as specification says. It seems that min-width
should be always used on float:right things (and for float:left things it
rtl)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä

[Lauri Raittila]

Johannes Koch wrote:

Els wrote:

Why did you simplify it?

Because now it only contains necessary things.

Please use different address when you simplefy things - it took me a
while to get what had happened, when I tested it in IE, I thought it has
some more serious bug.

Lauri's solution still works, only change #content to p.

No. The margin-left is in em, the image's width is in pixel.

http://www.student.oulu.fi/~laurirai...llafloat2.html

All you need to know is image width. Margin is irrelevant. You forgot
that width == content-width in CSS?
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä

[Johannes Koch]

Johannes Koch wrote:

Lauri's solution still works, only change #content to p.

No. The margin-left is in em, the image's width is in pixel.

Nonsense. Lauri's suggestion is fine :-)
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Johannes Koch]

Lauri Raittila wrote:

Please use different address when you simplefy things - it took me a
while to get what had happened, when I tested it in IE, I thought it has
some more serious bug.
Sorry.
You forgot
that width == content-width in CSS?

Yes, shame on me :-)
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)