IE7 Double Padding

I spent a few days in November with an issue of IE7 doubling my top padding. I gave up the job as just one of those things until I had a similar issue today. FF and Safari were working perfectly but IE7 just wouldn’t play nice.

After a destructive nuke session I was no closer to a solution when I remembered that I was using a Dreamweaver CSS layout which adds code for IE conditional comments. At this point the penny dropped and I could see where the extra padding was coming from.

So I know now that when I have IE padding working in strange ways I should check the IE conditional statement to see if there’s anything hidden there.

I can now happily sign off now and look forward to a very happy new year.

Nuke the Sucker!

There’s always one line, one little pixel shift, one image out of position when I’m modifying CSS. It’s shifty, sly, slime and downright stressful!

So I say “Nuke the Sucker!”

  • Duplicate both the html and css file. I like to call the duplicate files nuke.html and nuke.css, just so I remember I’m about to totally annihilate some code.
  • Begin removing non-essential code from the css file checking each time you remove something to see whether removing the code has removed the issue.
  • Once you’ve identified the location of the issue you can start looking for or working on a solution.You still need to find the issue but the process of locating it in the process provides a great avenue for stress release.

What a difference a shave makes!

1 pixel is all it took to make the rain fall. Long and hard it fell today as I searched for the answer to my question, ‘Why does my back ground shift to the left in either Firefox or IE?’ I could fix the problem in one, the other would then come undone.

It seems that all browsers handle centering background images differently. Another Hunter raised the question and then found the answer to the problem at freewaytalk.

What a difference a shave makes!