Ah, I've had another look, and I see that all those images also have the
same class applied to them as well.

Right, I think this might help:

        <div id="curveBlock">
                <img src="/images/tempcurve_r1_c1.gif" width="152"
height="11" class="curve" alt="curve" />
                etc...
        </div>

In the CSS:

        div#curveBlock {
                width: 152px;
                float: right;
        }

        img.curve {
                margin: 0;
                padding: 0;
                float: right;
                clear: right;
        }

So this separates the div and the contained images so they no longer have
identical sets of rules applied.  I don't have the means of testing this so
it's all guess work.  Fingers crossed!

Iain

------------------
Iain Gardiner
http://www.firelightning.com


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Doc Box
Sent: 11 November 2004 23:21
To: Iain Gardiner
Subject: Re[2]: [WSG] CSS float/clear rendering in Firefox 1.0


Hello Iain,

Thursday, November 11, 2004, 5:23:55 PM, you wrote:

Thank you for the suggestions! I tried removing the clear: right; rule, and
ended up with the images lined up under the level of the news box on the
left through the center column.

I've been through the Firefox forums and haven't found any solutions that
have worked. If Firefox is implementing the spec closely, then I'm assuming
the problem exists in my CSS. But *where*?

IG> Another thing I noticed is that you define this class as img.curve, 
IG> tying it in to images exclusively, but in your markup you use it on 
IG> a div which is not technically good practice.

Thank you for the heads up! It's really appreciated.

My coworkers and I have learned CSS by using it, so now we're wanting to get
into good coding practices, structuring pages and CSS more intuitively, etc.

Thank you.

Kim Nylander



-- 
Best regards,
 Doc                            mailto:[EMAIL PROTECTED]

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************



******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to