Dave,

Can you put up a sample page so I can see the situation?  I think you are
running into an IE bug, but I am not sure yet. 

-----Original Message-----
From: dave [mailto:[EMAIL PROTECTED] 
Sent: Thursday, August 25, 2005 10:59 PM
To: CF-Talk
Subject: re: OT: CSS: image overflow in IE vs Firefox



~Dave the disruptor~
"Some people just don't appreciate how difficult it is to dispense wisdom
and abuse at the same time." 

----------------------------------------
From: "Damien McKenna" <[EMAIL PROTECTED]>
Sent: Thursday, August 25, 2005 6:22 PM
To: CF-Talk <cf-talk@houseoffusion.com>
Subject: OT: CSS: image overflow in IE vs Firefox 

I'm working on a site where I'm attempting to make some images float outside
their parent div, as you'd often see in magazines where you've e.g. got a
column of text with an inserted image that pushes out wider than the text.

The way the page is set up is that there's text in the middle with one image
on floating on the left and one floating on the right, both of which are
supposed to push outside of the text column.

Here's one image that's supposed to float left:

div.insertLeft {
        position: relative;
        display: inline;
        float: left;
        width: 160px;
        left: -25px;
}

This one is supposed to float right:

div.insertRight {
        position: relative;
        display: inline;
        float: right;
        width: 120px;
}

It looks simply beautiful in Firefox and was the reason I did the "I love
CSS" post the other day.  However, today I viewed it in IE and the
positioning is all off - the left image is positioned correctly but the text
flows 25px away from it instead of the 5px it should, and the right image
just floats right against the border as if I didn't have the "width"
attribute in the stylesheet at all.

Aside: /me thinks he's hit upon box model differences.

Any suggestions on how to do what I want to do?  I'll try css-discuss
tomorrow if nobody has any ideas.  Thanks.

--
Damien McKenna - Web Developer - [EMAIL PROTECTED] The Limu
Company - http://www.thelimucompany.com/ - 407-804-1014 #include 





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Logware (www.logware.us): a new and convenient web-based time tracking 
application. Start tracking and documenting hours spent on a project or with a 
client with Logware today. Try it for free with a 15 day trial account.
http://www.houseoffusion.com/banners/view.cfm?bannerid=67

Message: http://www.houseoffusion.com/lists.cfm/link=i:4:216467
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to