Strange css padding in IIS6

I developed a site using Visual Studio 2010.  I used IIS 7 as a test server for the development of the site.  Everything seemed fine up until I began testing the site on IIS 6 and began to see some sort of padding issue.  It is apparent in the sub navigation I built that are simple css styled lists.  But they render differently on when the site is served from IIS 6 and IIS 7.  Anyone have any ideas on this?  iis6 iis7
LVL 2
simprickAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Melih SARICAOwnerCommented:
Did u clear all css objects paddings or margins ?
Rich RumbleSecurity SamuraiCommented:
I doubt the server is making this happen, perhaps a space, or an unclosed tag... Get firefox, then get Firbug, inspect that element and see if the CSS/Style's are different. If it's Internet Explorer 6 and IE7 then for sure there can be an issue, but I doubt it because IIS 6 vs IIS7.
-rich
simprickAuthor Commented:
I don't understand why it the spacing would be so different.  I agree it seems strange to blame this on the server, but with the same IE client the 2 are different, firefox they both seem the same.  I ended up just changing the css to look better on IIS 6.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Acronis True Image 2019 just released!

Create a reliable backup. Make sure you always have dependable copies of your data so you can restore your entire system or individual files.

simprickAuthor Commented:
No resolution as to why the 2 servers seem to produce different results.  I used  IE Developer Tools and FireBug for FireFox and could not dertermine that anything was different on the client side.
simprickAuthor Commented:
For anyone having the same issue, this was killing me I started to notice it in more and more places.

Solution is:  IE 8 automatically turns on compatibility mode for sites considered in an intranet (inside your network).  So compatibility mode was being turn on for my development site, when I was testing using iis 7 and other servers using iis 6, they were not considered being on the intranet and so IE was not displaying them in compatibility mode, and rendering differently.  Whooo. wtf, pima.  At least I know now.
Rich RumbleSecurity SamuraiCommented:
I thought you used FF and it acted the same way there too?
-rich
simprickAuthor Commented:
From above: but with the same IE client the 2 are different, firefox they both seem the same.

I meant they look different in the same IE client, ff looked the same as one of the IE seesions, but not the other.
gtseamusCommented:
Sim, what css changes did you end up employing? I have the same problem but with IIS6 vs. Apache -- and IE8 as the client. I even went as far as trying to hardcode style="padding 2;" on each submit button, but to no avail. buttons served from IIS6 buttons served from apache 2.2
Rich RumbleSecurity SamuraiCommented:
His issue was solved using IE's compatibility mode: 35168237
      
Solution is:  IE 8 automatically turns on compatibility mode for sites considered in an intranet (inside your network).  So compatibility mode was being turn on for my development site, when I was testing using iis 7 and other servers using iis 6, they were not considered being on the intranet and so IE was not displaying them in compatibility mode, and rendering differently.
-rich
gtseamusCommented:
To get the button padding around the button title itself to look the same in both IIS6 and Apache, I had to add: .submit_button_fix {padding: 1px; overflow: visible;} to my css. I still have issues around the forms.. extra padding there as well but wasn't able to get rid of all of it. These forms are in a table, and I ended up giving up, starting a new table row for the third form.
gtseamusCommented:
Rich.. you're right about compatibility mode.. I was seeing production in that mode, after removing it's much closer to my local version running on apache. Still have some tweaking, but thanks for the tip.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Microsoft IIS Web Server

From novice to tech pro — start learning today.