Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Strange css padding in IIS6

Posted on 2011-02-23
11
Medium Priority
?
1,037 Views
Last Modified: 2012-05-11
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
0
Comment
Question by:simprick
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 3
  • +1
11 Comments
 
LVL 19

Expert Comment

by:Melih SARICA
ID: 34967909
Did u clear all css objects paddings or margins ?
0
 
LVL 38

Expert Comment

by:Rich Rumble
ID: 34969119
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
0
 
LVL 2

Accepted Solution

by:
simprick earned 0 total points
ID: 34992528
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.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 2

Author Closing Comment

by:simprick
ID: 35034612
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.
0
 
LVL 2

Author Comment

by:simprick
ID: 35168237
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.
0
 
LVL 38

Expert Comment

by:Rich Rumble
ID: 35168269
I thought you used FF and it acted the same way there too?
-rich
0
 
LVL 2

Author Comment

by:simprick
ID: 35168747
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.
0
 

Expert Comment

by:gtseamus
ID: 35728776
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
0
 
LVL 38

Expert Comment

by:Rich Rumble
ID: 35729094
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
0
 

Expert Comment

by:gtseamus
ID: 35729610
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.
0
 

Expert Comment

by:gtseamus
ID: 35729664
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.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Setting up a Microsoft WSUS update system is free relatively speaking if you have hard disk space and processor capacity.   However, WSUS can be a blessing and a curse. For example, there is nothing worse than approving updates and they just have…
If you don't have the right permissions set for your WordPress location in IIS, you won't be able to perform automatic updates. Here's how to fix the problem.
Visualize your data even better in Access queries. Given a date and a value, this lesson shows how to compare that value with the previous value, calculate the difference, and display a circle if the value is the same, an up triangle if it increased…
In this video, Percona Solutions Engineer Barrett Chambers discusses some of the basic syntax differences between MySQL and MongoDB. To learn more check out our webinar on MongoDB administration for MySQL DBA: https://www.percona.com/resources/we…
Suggested Courses

604 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question