Re: Really basic float right problem cross browser

In article <slrnhc3ecu.31q.spamspam@xxxxxxxxxxxxxxxxx>,
Ben C <spamspam@xxxxxxxxx> wrote:

On 2009-09-28, dorayme <doraymeRidThis@xxxxxxxxxxxxxxx> wrote:
In article <slrnhbud1i.31l.spamspam@xxxxxxxxxxxxxxxxx>,
Ben C <spamspam@xxxxxxxxx> wrote:

I think the
correct CSS rules are unnecessarily silly in this case and the spec
should have been changed to what FF and IE were doing.

Come to think of it some more, I am interested in why you say this. In
respect to what sort of case?

When the line breaks before the float.

Suppose you've got this:

<div>
Here is some text <span>float</span>
</div>

We should see the float on the left and the word "Here" to the right of
it, aligned with the top of the float. (The span is floated left).

So far so good, but if the line breaks before the word "text" because
the container is narrow, then everything changes, and we get the line of
text first and the float below it.

This just seems a bit unintuitive to me. Or maybe I'm just being grouchy
because I'm going to have to fix this in the browser my day job is
working on.

I'm still puzzled because this is so unrealistic a case and I am trying
to get a handle on what a realistic case would be and why you find it
unintuitive?

<div>
Here is some text and let's make the sentence longer so we can narrow
.... <img style="float: left; padding: .2em;" src="pics/crimson.png"
alt="">
</div>

First point to note is that in my older Camino, the only quickly
available browser I have that does it different to modern Safari, FF
etc, is that when the browser is not narrowed, a rather unintuitive
result happens, the float is on the next line to the text? Or am I too
used to the modern effect?

Second, when the browser is narrowed, you lose the effect of wrapping
text around the float, carefully placing the float among the text. I
have been thinking this as some sort of common raison d'être for floats.

Anyway, what is important is consistency and from the author's point of
view, a carefully placed floated image in text seems to me to be a more
daunting task with the older browser way.

Perhaps we are thinking different cases?

--
dorayme
.

Relevant Pages

  • Re: text between two images, floats the best?
    ... What is to be expected if the browser were to allow complete user ... margin of 140px, and set margins to 0 on body for simplicity, ... 140px from the left of the viewport. ... until the left edge of the right float reaches the 240px point ...
    (comp.infosystems.www.authoring.html)
  • Re: Width of tables next to float
    ... particular I was hoping for a solution that kept the float. ... These changes work fine in IE6 and IE7, ... I don't do browser hacking, so I'll leave it up to you or someone else ...
    (alt.html)
  • Re: text between two images, floats the best?
    ... 140px from the left of the viewport. ... I reckon what iCab is doing is wrong. ... natural browser limit was reached. ... that's just the normal rules for when float drop. ...
    (comp.infosystems.www.authoring.html)
  • Re: Need help with IE
    ... For example, you might have a bit of text, then a big left float. ... Her problem was as in the second fieldset, the label element was dropping ... below the input field. ... On thinking about it the browser is doing what it ...
    (alt.html)