The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Margins in IE7
ShadowyBob
post Oct 29 2006, 11:51 AM
Post #1


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



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!)?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 29 2006, 11:54 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,941
Joined: 9-August 06
Member No.: 6



What happens in IE7?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 29 2006, 12:12 PM
Post #3


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ShadowyBob
post Oct 29 2006, 12:23 PM
Post #4


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



pandy, sorry! blush.gif

IPB Image

IE7 is on the right

This post has been edited by ShadowyBob: Oct 29 2006, 12:35 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ShadowyBob
post Oct 29 2006, 12:33 PM
Post #5


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



QUOTE(Peter1968 @ Oct 29 2006, 05:12 PM) *

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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 29 2006, 12:38 PM
Post #6


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



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.



User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ShadowyBob
post Oct 29 2006, 12:47 PM
Post #7


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 29 2006, 12:54 PM
Post #8


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 29 2006, 01:04 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,941
Joined: 9-August 06
Member No.: 6



QUOTE(Peter1968 @ Oct 29 2006, 06:38 PM) *

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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 29 2006, 01:06 PM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,941
Joined: 9-August 06
Member No.: 6



Peter, do conditional comments still work? Can you use that to target IE7?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 29 2006, 01:30 PM
Post #11


.
********

Group: WDG Moderators
Posts: 7,858
Joined: 10-August 06
Member No.: 7



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ShadowyBob
post Oct 29 2006, 02:09 PM
Post #12


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



QUOTE(Christian J @ Oct 29 2006, 06:30 PM) *

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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 29 2006, 02:20 PM
Post #13


.
********

Group: WDG Moderators
Posts: 7,858
Joined: 10-August 06
Member No.: 7



QUOTE(ShadowyBob @ Oct 29 2006, 08:09 PM) *

QUOTE(Christian J @ Oct 29 2006, 06:30 PM) *

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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 29 2006, 02:40 PM
Post #14


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



Bah, why bother? Just use text-align as I suggested. Problem solved! We hope...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ShadowyBob
post Oct 29 2006, 03:01 PM
Post #15


Advanced Member
****

Group: Members
Posts: 101
Joined: 6-October 06
From: Peterborough, UK
Member No.: 354



QUOTE(Christian J @ Oct 29 2006, 07:20 PM) *

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

Oops blush.gif , 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 29 2006, 04:26 PM
Post #16


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



QUOTE(pandy @ Oct 30 2006, 05:06 AM) *

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


Apparently so, and the syntax is similar.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 29 2006, 11:44 PM
Post #17


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,941
Joined: 9-August 06
Member No.: 6



QUOTE(Peter1968 @ Oct 29 2006, 10:26 PM) *

QUOTE(pandy @ Oct 30 2006, 05:06 AM) *

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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Oct 30 2006, 12:05 AM
Post #18


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



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

Of course, you can find the same information yourself.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 30 2006, 03:32 AM
Post #19


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 17,941
Joined: 9-August 06
Member No.: 6



Thank you for the imformation. I think we should make your post sticky and no one ever has to ask another question here.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd July 2018 - 03:37 PM