|
|
Posted by cuj0 on 05/29/06 10:34
I understand that much. What I don't understand is why the table will
flow next to the float even when there is no room to do so, e.g. when
the DIV's width >= 100%. Try removing the table element so that only
the word "there" remains after the end div tag. The text on its own
will not flow down the right hand-side - it will begin on the next
line, i.e.
<HTML>
<BODY>
<DIV style="width:100%;float:left;background-color:blue;">
</DIV>
tHERE
</BODY>
</HTML>
What makes the table element different?
Regards,
Caleb
Jonathan N. Little wrote:
> cuj0@bigpond.com wrote:
> > I know there must be a simple answer to this, but I've spent all
> > morning trying to work it out, and I just can't. What is my TABLE's
> > obsession with staying on the same line as the DIV? Even if the DIV is
> > set to 150% width, the TABLE still won't move down to the next line.
> > This doesn't happen if I replace the table with free text or a new div
> > - it just seems to be an issue with the table. Although I know how I
> > can work around it, can someone please explain to me why this happens?
> >
> > (note: only happens for me in Firefox - doesn't happen in IE)
> > (also note: please reply to the group, as emails will bounce)
>
> Suppose to reply only to group so all can see, your note is not needed.
> >
> > <HTML>
> > <BODY>
> > <DIV style="width:100%;float:left;background-color:blue;">
> ^^^^^^^^^^
> Here is the cause, Firefox's behavior is correct here, IE is in error,
> remove the float, and I would suggest to learn what 'float' is first
> before you use it.
>
> See:
> http://www.w3.org/TR/CSS21/visuren.html#propdef-float
>
>
> > Hi
> > </DIV>
> > <TABLE BORDER="1">
> > <TR><TD>tHERE</TD></TR>
> > </TABLE>
> > </BODY>
> > </HTML>
> >
>
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com
[Back to original message]
|