~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 <[email protected]>
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:216453
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=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to