?
Solved

Strange css padding in IIS6

Posted on 2011-02-23
11
Medium Priority
?
1,025 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

As tax season makes its return, so does the increase in cyber crime and tax refund phishing that comes with it
Preparing an email is something we should all take special care with – especially when the email is for somebody you may not know very well. The pressures of everyday working life stacked with a hectic office environment can make this a real challen…
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…
Suggested Courses

765 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