473,320 Members | 1,939 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

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 6596
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: jon slinn | last post by:
Does anybody know why I can't get a simple two col design to work using the following css? At the moment my columns seem to be arranging left and right correctly but are stacked on top of each...
1
by: toylet | last post by:
Unlike Mozilla, when float:right an item in IE6, it's sort of appending a <br> after the float. You can see the difference here: http://toylet.homeip.net/~toylet Is there a way to stop IE6...
1
by: JKenyon | last post by:
I am attempting to display two images on a web page. The second "image" is actually two images, one overlaid on the other. The first one is aligned on the left using float:left. I have enclosed...
9
by: leegold | last post by:
Why does float:right cause a line break? Try the code below. Is there a fix? I want the link on the same line as the text. Thanks <html> <head> <STYLE> span.linkpos { float:right; clear:...
3
by: Michael Shell | last post by:
Greetings, I've been playing with CSS inline floats of <span> elements and the results are not quite what I would expect. In the example attached at the end of this post, I would expect the...
5
by: Oliver Block | last post by:
Hello everybody, I wonder why a <span style="float:right">some text</span> might be displayed out of a surrounding div element. It is shifted to the next line. I thougt it is supposed to...
22
by: ashkaan57 | last post by:
Hi, I am trying to put text on left and right side of the page and used: <div> <span>blah blah</span> <span style="float:right">blah blah</span> </div> The 2nd text does go to the right but the...
7
by: JackRbt | last post by:
I have a navbar in a div, with several links. The last one is in a <span> because I want it to float to the right by itself. The span does float right, but it shows up below the navbar div. I want it...
2
by: paragpdoke | last post by:
Hello All. I have a weird observation regarding the CSS float style for span. Allow me to share details before asking my question: Screen resolution: 1024x768 (I know my monitor is outdated; it...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.