SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry Browser problems.. someone help... (Paul, anyone)

    Hey, I have yet another problem with my design. I hate IE, its always in IE that I have a problem, unfortunatly its imperitive that I fix it due to most of the people online use IE.

    Well this is the page:
    www.stratcommandcenter.com/design

    Look at it through Firefox and IE. In firefox, it looks perfect. In IE however, there is whit space between the rectangles, the submenu image starts waay down there, the br tag in the left nav bar is taking two lines not one and probably more problems...

    Can someone fix this?

    I will not post the code here sinse it will change every so often that I update something, so just view source on that page in the link I shown you.

    Thanks.
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  2. #2
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    FYI, you've got major problems in Safari.

  3. #3
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm, dont have it... is there something I can see my page in ALL browsers at once?
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  4. #4
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    now I am having problems in Firefox...
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  5. #5
    Formerly known as RockNRollPig Shpigford's Avatar
    Join Date
    Dec 2002
    Location
    Denver, CO
    Posts
    2,877
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Amirsan
    hmm, dont have it... is there something I can see my page in ALL browsers at once?
    Safari is only for Mac's. There's a website around that will send you screen shots of your site in EVERY browser for something silly cheap...like a dollar or something but I can't for the life of me remember it. Maybe somebody else can.

  6. #6
    SitePoint Enthusiast
    Join Date
    Jul 2004
    Location
    London
    Posts
    54
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RockNRollPig
    Maybe somebody else can.
    Yep, sure can - its free too. Check it out:

    Here you can see what stuff looks like in Safari
    http://www.danvine.com/icapture/

    Here you can see what your stuff looks like in IE
    http://www.danvine.com/iecapture/

  7. #7
    SitePoint Zealot pacman2504's Avatar
    Join Date
    Oct 2003
    Location
    North Wales
    Posts
    154
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This will give you a free screenshot of your page in Safari:
    http://www.danvine.com/icapture/
    In the land of the witless, the half-wit is king.
    Business and liability insurance quotes

  8. #8
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok, so is there any solutions...?
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The problems of the gaps in ie can be cured by simply removing the whitespace between the opening and closing table tags and the image.

    change this:
    Code:
    <td> <img src="design/images/sml_block_topleft.jpg"> </td>
    to this:
    Code:
    <td><img src="design/images/sml_block_topleft.jpg"></td>
    Just do that for all the images with gaps and the gaps will disappear. If the images are all single images then setting them to display:block should also work.

    The problem with the sub menu in the right column dropping below the content is something to do with the table pushing it wide.

    If you just give your content a left margin only then it seems to fix the problem.
    Code:
    #content {
    margin-left: 7px; 
    }
    Sometimes tables need a little more room in ie for one reason or other so always allow a couple of pixels leeway if possible. Also check through and add up all your dimensions and make sure it all adds up correctly.

    Paul

  10. #10
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow, I cant believe how reliable you are, damn. Sitepoint is realy gifted to have you around. Thanks Paul.
    Strategic Command Center

    "What's a small napoleon and where would i find one"

  11. #11
    SitePoint Guru Amirsan's Avatar
    Join Date
    Jun 2004
    Location
    SCC
    Posts
    862
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    EDIT: Nvm, I fixed it.
    Strategic Command Center

    "What's a small napoleon and where would i find one"


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •