I have a div, that displays perfectly on Mac (Safari @ FF), with the left hand side 90px in from the left edge, and set to -90px on the right edge. Perfect on Mac browsers, as the box flexes in width depending on the window width. And the div content flexes accordingly.
In IE it screws up either shrinks to the width of the div content. Or explodes to the far right, if the div has content set to 100%.
Is there a workaround for IE to have an exact margin right and left
Gotta link? Assuming this is an inline div can’t you set it to center
horizontally using the Custom setting in the Margin drop-down in the
Inspector?
Todd
On Nov 13, 2007, at 4:31 AM, dwn wrote:
I have a div, that displays perfectly on Mac (Safari @ FF), with
the left hand side 90px in from the left edge, and set to -90px on
the right edge. Perfect on Mac browsers, as the box flexes in width
depending on the window width. And the div content flexes accordingly.
In IE it screws up either shrinks to the width of the div content.
Or explodes to the far right, if the div has content set to 100%.
Is there a workaround for IE to have an exact margin right and left
The other way works well too (Todd, it’s not inline but has the left
and right position fixed – no width).
The problem with IE has to do with how it measures certain things. It
can be your page alignment, or something else. Remember, when you
invoke IE you should let us know the versions you are concerned about,
as the last three versions can each be dramatically different from the
other in these regards.
dwn wrote:
Thanks, figured it out…
Make a div with 100% width, with padding 90px to either side, insert a div into that, and make that 100% width.
A quick test shows that pinned sides does indeed break down in IE6 and
below. Setting only the left and right margins produces a div with no
width – which should be the same as width:100% – but 6 and 5.5 seem
to interpret no width the same as no height – shrinking it to fit
content and ignoring the right position setting.
If I add width:100% to the Extended div, then IE6 responds better, but
padding issues come back to bite me in every browser. Putting it
inline with a 100% width div works, but you still have to steer clear
of padding issues (IE) and collapsing div issues (Freeway)
I did a quick scan at Position is Everything and a couple other sites,
but didn’t see an obvious solution. This sounds very familiar, but I’m
short on time to devote to this now, so if someone else spots
discussion of this could they please post it?
dwn wrote:
So is the method I’m using OK for all IE versions back to 5.5? it seems to work on a Windows box here, with, I think its IE 6
its seldom used apart from viewing Freeway sites.