468,107 Members | 1,340 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

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

Problem with float:right in Mozilla ?

Hello

I am trying to position two floats inside a table column.

<td>
<div style="position:relative; width:100%">
<div style="position:absolute; left:0px; width:60%>... </div>
<div style="float:right; width:30%></div>
</div></td>

I started developing and testing under Internet Explorer.
Everythings works as expected.
With Mozilla the floating div occupies the whole width of the column,
its elements are hidden below the first div.

Does somebody know a workaround for this problem
Thanks

Günther Stößl
Jul 20 '05 #1
3 6377
Günther Stößl wrote:
<td>
<div style="position:relative; width:100%">
<div style="position:absolute; left:0px; width:60%>... </div>
<div style="float:right; width:30%></div>
</div></td>

I started developing and testing under Internet Explorer.
Everythings works as expected.
With Mozilla the floating div occupies the whole width of the column,
its elements are hidden below the first div.

Does somebody know a workaround for this problem


Yes. Close the quotes on your style declarations.

--
Mark.
Jul 20 '05 #2
On Mon, 12 Jul 2004 09:50:18 +0100, Mark Tranchant
<ma**@tranchant.plus.com> wrote:
Günther Stößl wrote:
<td>
<div style="position:relative; width:100%">
<div style="position:absolute; left:0px; width:60%>... </div>
<div style="float:right; width:30%></div>
</div></td>
Yes. Close the quotes on your style declarations.


In the original html the quotes are closed, the problem isn't with the
quotes.
The total code for this part of the page:

<TD align="left" valign="top" style="height:180px;">
<DIV style="position:relative; width:100%; height:180px;">

<DIV style="float:right; width=30%; ">
<TABLE cellSpacing="1" cellPadding="1" border="0">
<TR> <TD> <a href="javascript:addCmd('addText')">
<%=TexteUtil.get(accLang, FILENAME, "CmdaddText")%></a>
</TD> </TR> .......
</TABLE>
</DIV>

<DIV name="BESCHREIB" style="position:absolute; top:0px;
left:0px; width:60%; height:100%">
<textarea name="TEXTE" cols="60" rows="10" maxlength=1024 i
style="width:100%; height:100%;"
</textarea>
</DIV>

<DIV style="position:absolute; top:0px; left:0px; width:60%;
height:100%; visibility:hidden">
<SELECT size="12" onChange="changeCmdSelection(this);"
style="width:100%; height:100%">
</SELECT>
</DIV>

</DIV>
</TD>
Depending on another selectlist (and startupdata) the div with the
textarea is visible or the div with the selectbox and the float is
visible.

First I had the second <div> as the first element, than I set the
float as first element. In both cases, the float uses the whole width
of the table cell.

Under Intranet explorer everything works as expected.
Jul 20 '05 #3
Günther Stößl wrote:
The total code for this part of the page:

<TD align="left" valign="top" style="height:180px;">
[code snipped]

How about a url instead?
Under Intranet explorer everything works as expected.


Is this an intranet project?

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

2 posts views Thread by jon slinn | last post: by
1 post views Thread by toylet | last post: by
9 posts views Thread by leegold | last post: by
3 posts views Thread by Michael Shell | last post: by
5 posts views Thread by Oliver Block | last post: by
22 posts views Thread by ashkaan57 | last post: by
1 post views Thread by Solo | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.