Web Design Forum: grasshopper - Viewing Profile - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting

grasshopper's Profile User Rating: -----

Reputation: 0 Neutral
Group:
Members
Active Posts:
65 (0.1 per day)
Joined:
21-August 10
Profile Views:
2,999
Last Active:
User is offline Sep 28 2011 02:20 AM
Currently:
Offline

My Information

Member Title:
Forum Newcomer
Age:
35 years old
Birthday:
December 10, 1976
Gender:
Male Male
Location:
London & Abroad

Contact Information

E-mail:
Private

Users Experience

Experience:
Beginner
Area of Expertise:
Entrepreneur

Posts I've Made

  1. In Topic: IE 6 & 5 problems

    27 September 2011 - 10:59 AM

    ok thanks for that so what would the general rule of thumb be in terms of what browsers should be supported

    www.corbiere-earrings.co.uk is one of the offenders
  2. In Topic: IE 6 & 5 problems

    27 September 2011 - 09:56 AM

    Thanks Mike,

    Yes have done the first 2 but still no joy also used padding and not margin but still not working.

    Should we all not make sure works in all browsers I never used to but have started to now and realised I have quite a few problems :(
  3. In Topic: IE 6 & 5 problems

    27 September 2011 - 09:52 AM

    View Post(Mike), on 27 September 2011 - 09:48 AM, said:

    Without seeing the code, I can only make a number of guesses:

    • One of your boxes is too wide:
      Fairly common; IE's box model is sketchy (compared to other browsers). If the content is too wide for its container, IE will attempt to increase the box's width to accommodate. Try putting a width on your content to see if that helps.
    • Display: inline:
      Older IEs have a bug whereby if you float a container left or right, it can double that container's margins. As a rule, if support for older IEs is required, I *always* add display: inline to any element that's floated. That will stop IE doubling the margin.
    • Too many floats (on the dancefloor):
      Some browsers will only let you float two elements alongside each other. The solution? Wrap some of them in another container, and float that.


    Another general debugging tip is to add a 1px red border to elements you think are causing you problems - as older IEs have woeful developer tools (or none at all), this is a quick way of seeing how wide IE is rendering the offending items.

    Hope one of those helps!

    As an aside: is there a specific reason you're supporting IE 5 & 6? These browsers are so old that even their manufacturer has officially ceased support for them. If this is for a freelance project, you should probably charge extra to get it running in those relics of the web.

Friends

Comments

grasshopper has no profile comments yet. Why not say hello?