A Sherlock Holmes Mystery

[weegillis]

The Case of the Missing Pixel

After spending the past 48 hours slaving over our home page, I have nearly succeeded in making it appear identical in Firebird 0.7, NS 7, and !eee 6.

I wanted to follow Diane's recommendation of removing all inline styles from the page, and while I was at it went for the gusto by upgrading it to Strict from Transitional.

Well, as I might have guessed, there are still some tiny little differences, and this comes as no surprise, except for one:

Try opening this is IE6, then take a look at it in either Firebird or NS. Notice the difference? It's one lousy pixel, and it has been driving me right around the bend trying to figure where it went.

Any takers?

[mikmik]

I take it you mean the space between 2x row of images?
Or the space to the right of the set?

This is a box model problem with IE.
It Adds the margins, borders and padding and width of content to equal the width you give for divs, whereas the margins and padding and borders are supposed to be added on top of the width you specify.

If you want a div that is 200 wide with a 10 margin, IE will reduce the content to 180 to render it all to take up 200 wide of page space.
The others will give 200 of content, PLUS 10 + 10 of margin to equal 220 of page space.

That is the idea I want to present, anyways. My details may be incorrect, but we are going to have to look at all the relationships of the containing divs down to the most interior nested element.
I am going to start with these:
.view {
margin: 0px 0px 6px 0px;
}
.viewport {
float: left; position: relative; top: 0px;
width: 103px;
}

We must also take into account any inheritances, but you say they are all block level, so that will simplify it a bit.

http://www.tantek.com/CSS/Examples/boxmodelhack.html
I will go looking, but now I hope that I have pointed you in the right direction.

[mikmik]

http://msdn.microsoft.com/library/de...ents.asp<br />

http://gutfeldt.ch/matthias/articles...tch/table.html
I hope this helps, I was wanting to spot something right off, but I haven't.

I may be on the wrong track for all I know.

Others?

http://msdn.microsoft.com/library/de...entid=28000441

[weegillis]

Actually, mikmik, the pixel I'm looking for is in the menu in the #links section.

If you look closely enough, you'll see that the light blue background lines up with the off-white, in !eee, but sits one pixel highed in Mox and NS.

I'm used to seeing things off by several pixels, but never only a single pix.

Take a look at the bottom of the sidebar in both browsers. This is a difference I'm quite used to, and have got it down to a few pixels, now. It used to be a lot.

[weegillis]

Originally Posted by mikmik

http://msdn.microsoft.com/library/de...ents.asp<br />

Page Cannot Be Found

[mikmik]

http://msdn.microsoft.com/library/de...hancements.asp

Well, that's interesting. I didn't know that the 'technet' site has a "synctoc' button in the left nav area so that you can bookmark the pages.

Here I've been going through heck in the source and converting asp etc tp save pages!

I will take another look at your page and see what I can think of.