Re: html/css problem in firefox

ruby_bestcoder (AT) hotmail (DOT) com wrote:

I already posted this in the javascript group, but seemed to be the
wrong place to ask. The code I will post here works in IE, but not in
ff. Its basically a group of li that contain divs. Clicking on one of
the nested divs, should hide/show other nested divs. In ff, the li
(whose div should hide) moves a line up, messing up things totally.

You floated everything in sight. It was really quite unnecessary. I

removed all instances of float:left and changed the rest as shown below.

Try this:
<ul class="sortablelist" id="secondlist" style="height: 150px; width: 200px;">
<li class="orange">
<div style="float: right">
<img src="t_files/min.gif" style="cursor: pointer;" alt=""
onclick="minimizeThis('underMusic', 'musicMin')" height="18" width="20">
<img src="t_files/max.gif" alt="" height="18" width="20">
</div>

<div class="handle" style="background-color: rgb(153, 153, 153);
font-family: Verdana; font-weight: bold;">
&nbsp;Music
</div>

<div id="underMusic" style="padding: 5px; height: 100px;">
text
</div>
</li>
...
</ul>

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Oh great, it works
Thanks

Once upon a time *ruby_bestcoder (AT) hotmail (DOT) com* wrote:

Oh great, it works
Thanks

What works? Thanks to who?

How to quote: http://www.netmeister.org/news/learn2quote.html#toc2
From Google: http://www.safalra.com/special/googlegroupsreply/

--
/Arne

Tech Support: Your password is the small letter a as in apple,
a capital letter V as in Victor, the number 7.
Customer: Is that 7 in capital letters?

In article <40kkkdF1b1085U1 (AT) individual (DOT) net>,
Arne <invalid (AT) domain (DOT) invalid> wrote:

Once upon a time *ruby_bestcoder (AT) hotmail (DOT) com* wrote:

Oh great, it works
Thanks

What works? Thanks to who?

How to quote: http://www.netmeister.org/news/learn2quote.html#toc2
From Google: http://www.safalra.com/special/googlegroupsreply/

From now on, assume they are all thanking *me*. If they're cursing,
assume they are all cursing you :-)
Seriously, a pretyped boilerplate response to this stuff is really in
order. I have a small one but have only used it once. Here's mine:

<text>
These offered links do not address your question but are of direct
benefit to you. The links below will help you if you wish to be
helped. This posting is not meant to offend you.

<news:news.announce.newusers>
<http://oakroadsystems.com/genl/unice.htm>
<http://www.safalra.com/special/googlegroupsreply/>
<http://blinkynet.net/comp/uip5.html>
</text>

Someone with authority in the group(s) could make a boilerplate link
that everyone can cite. Perhaps in the allmyfaqs domain and give
everyone a link to post to this stuff instead of answering questions.
Of course, the question is original and doesn't show the problem till
later, but a more clever person than me can figure out the proper
response. The problem is usenet-wide as you know.

leo

--
<http://web0.greatbasin.net/~leo/>

Sorry all. I wanted to thank Jim Moe. Its solution works great:
Jim Moe wrote:

You floated everything in sight. It was really quite unnecessary. I
removed all instances of float:left and changed the rest as shown below.

Try this:
ul class="sortablelist" id="secondlist" style="height: 150px; width: 200px;"
li class="orange"
div style="float: right"
img src="t_files/min.gif" style="cursor: pointer;" alt=""
onclick="minimizeThis('underMusic', 'musicMin')" height="18" width="20"
img src="t_files/max.gif" alt="" height="18" width="20"
/div

div class="handle" style="background-color: rgb(153, 153, 153);
font-family: Verdana; font-weight: bold;"
&nbsp;Music
/div

div id="underMusic" style="padding: 5px; height: 100px;"
text
/div
/li
...
/ul

PS: am a little stressed but I promise I will learn to quote before
posting next time