Margins in IE7 Options

[ShadowyBob]

I have just noticed a strange peculiarity in my IE7 with a right margin.

Example link: http://www.denniswheatley.info/heron_macaulay.htm (look at the link at the bottom of the page – it should read the same as the one at the top of the page)

You will notice from the source code that I've played with negative values for some of the margins, which have worked fine in all my browers tests for the past few years. Now IE 7 seems not to like them.

Any thoughts (I would prefer not to have to re-write the code as there are quite a number of pages similar to this!)?

[pandy]

What happens in IE7?

[Peter1968]

It truncates the link due to the negative margin.

Shadowybob, just curious to know why you've styled that link the way you have? Wouldn't it be easier, as least from a browser quirk point of view, just to let it float to the right with a simple text-align: right?

Far simpler, IMHO

This post has been edited by Peter1968: Oct 29 2006, 12:13 PM

[ShadowyBob]

pandy, sorry!

IE7 is on the right

This post has been edited by ShadowyBob: Oct 29 2006, 12:35 PM

[ShadowyBob]

Shadowybob, just curious to know why you've styled that link the way you have? Wouldn't it be easier, as least from a browser quirk point of view, just to let it float to the right with a simple text-align: right?

Far simpler, IMHO

Peter, It was a long time ago! But I'm sure I wanted a visual balancing act with the text block occupying a reduced width and the images and links extending close to the left and right margins.

I know I can re-code it differently, but was wondering why after all these years I should suddenly have to!

[Peter1968]

You have to because IE 7.0 has been inflicted upon us! I've had to change perfectly valid CSS on my site to allow IE 7.0 to work properly with it, too.

Who knows why it treats negative margins like that? I'm finding out little by little each day as I use IE 7.0 that's it's not the giant leap forward some folk think it is. I'm not suprised, mind you, just a little disappointed.

[ShadowyBob]

Of course! Silly me, I forgot MS progress moves in the opposite direction to the norm.

Out of interest Peter any chance of logging the changes you've had to make?

This post has been edited by ShadowyBob: Oct 29 2006, 12:48 PM

[Peter1968]

I had a very small PNG file, about 1k, as a tiling background. Nothing more than a small dot, mind you, and IE 7.0 slowed to a crawl when you scrolled the pages. It was like viewing a site from a 386 or something.

IE 6.0 handled the image fine as did any other browser, but IE 7.0 has "known issues" with certain PNG images, especially when used as a background.

I changed the image to a solid colour and it works fine now under IE 7.0.

Alas, 80% of the computing public will be using this browser as their primary within 6-12 months. Scary thought.

[pandy]

Who knows why it treats negative margins like that? I'm finding out little by little each day as I use IE 7.0 that's it's not the giant leap forward some folk think it is. I'm not suprised, mind you, just a little disappointed.

I knew it. I've feared this day since IE7 was first mentioned. Who needs to code for three versions of the beast? OK, 5.x will soon be gone but because IE7 is tied to XP/Vista, IE6 will be around a LONG time.

Just read this. I don't fully understand what they mean but it sounds scary.
http://www.456bereastreet.com/archive/2006..._ie7/#comment64

[pandy]

Peter, do conditional comments still work? Can you use that to target IE7?

[Christian J]

The negative margin thing is mentioned by PPK , only strange thing appears to be that it works even in IE6.


This page suggests "position: relative" as a workaround, at least in cases where IE6 is affected (edit: doesn't seem to help in IE7).

This post has been edited by Christian J: Oct 29 2006, 01:52 PM

[ShadowyBob]

The negative margin thing is mentioned by PPK , only strange thing appears to be that it works even in IE6.

This only seems to apply to pages with hasLayout. I've posted a comment there pointing out that it also happens without hasLayout.

If Peter1968 is correct about the take-up of IE7, is it worth having a 'sticky' somewhere pointing out known issues with possible work-arounds as they become apparent?

[Christian J]

The negative margin thing is mentioned by PPK , only strange thing appears to be that it works even in IE6.

This only seems to apply to pages with hasLayout. I've posted a comment there pointing out that it also happens without hasLayout.

But the BODY element hasLayout by default: http://www.satzansatz.de/cssd/onhavinglayout.html#elem

[Peter1968]

Bah, why bother? Just use text-align as I suggested. Problem solved! We hope...

[ShadowyBob]

But the BODY element hasLayout by default: http://www.satzansatz.de/cssd/onhavinglayout.html#elem

Oops , again!

Still, that gave me the idea to move the 'overall' margin command to a global p css declaration and just do slight amendments elsewhere. Thanks CJ

[Peter1968]

Peter, do conditional comments still work? Can you use that to target IE7?

Apparently so, and the syntax is similar.

[pandy]

Peter, do conditional comments still work? Can you use that to target IE7?

Apparently so, and the syntax is similar.

Similar, not the same? Then is the new syntax documented somewhere?

[Peter1968]

I'm going from what I can see in various Usenet posts, other forums etc,

Of course, you can find the same information yourself.

[pandy]

Thank you for the imformation. I think we should make your post sticky and no one ever has to ask another question here.