Jump to content

Cre8asiteforums

Web Site Design, Usability, SEO & Marketing Discussion and Support

  • Announcements

    • cre8pc

      20 Years! Cre8asiteforums 1998 - 2018   01/18/2018

      Cre8asiteforums In Its 20th Year In case you didn't know, Internet Marketing Ninjas released many of the online forums they had acquired, such as WebmasterWorld, SEOChat, several DevShed properties and these forums back to their founders. You will notice a new user interface for Cre8asiteforums, the software was upgraded, and it was moved to a new server.  Founder, Kim Krause Berg, who was retained as forums Admin when the forums were sold, is the hotel manager here, with the help of long-time member, "iamlost" as backup. Kim is shouldering the expenses of keeping the place going, so if you have any inclination towards making a donation or putting up a banner, she is most appreciative of your financial support. 
Sign in to follow this  
mregan

Ie9 - A Quick Heads Up On Padding

Recommended Posts

We just got our first complaint about IE9, the end of our client's menu was wrapping to the next line.

 

We were using a 'ul' to display inline and setting the spacing with 'padding:0 18px;'.

 

Turns out IE9 was adding an extra pixel to the padding which was enough to wrap the last item. Reducing it to 'padding:0 18px;' made it look right in IE9 - but wrecked it for other browsers, including IE8.

 

I used:

 

<!--[if IE 9]>

<style>

Over wrote the styling here

</style>

<![endif]-->

 

to fix the problem.

 

We use this layout a lot. Looks like a lot more work. I haven't checked to see if 'margin' has the same problem - but I wouldn't be surprised.

Share this post


Link to post
Share on other sites

I see more and more HTML *IF* statements when I look under the hood of Websites these days. I get the feeling that HTML is moving in the wrong direction.

Share this post


Link to post
Share on other sites

So reset styles force the browsers to all behave according to one set of expectations?

Yes.

As each browser comes with it's own default CSS settings a good reset basically zeroes them out.

One word of caution: some defaults may be OS defaults, especially with regards to Windows and forms. These can be removed but not reapplied. Not usually a problem, just something to be aware of when debugging.

Share this post


Link to post
Share on other sites

so pleased I don't design websites and just buy templates or give instructions to designers!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×