Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: IE 7 problems

  1. #1
    Junior Member
    Join Date
    May 2010
    Posts
    3
    Member #
    22092
    I am trying to fix a problem in my site and I have no idea what to do.

    In Firefox the site looks exactly how I want it, but in IE7 it doesn't. If I can figure out what code will make it look right for IE7 I can throw in some php to show code dependent on the browser, but I cannot find any fixes.

    The problem is I have two images in separate cells inside a table, the images hover about 5 pixels above the bottom of the cell. I have set the margins and spacings all to 0, as well as set the valign to bottom, and nothing seems to be able to get the image flush with the cell bottom.

    The site is currently live at http://www.preradesigns.com/index.html
    The images are the girls silhouette, and the buttons. I just want them to touch the bottom of the cell like they do in Firefox.

    Could someone help me please?
    Thanks in advance

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I didn't have a lot of time to analyze this, but I see where the real problem begins.

    The bottom is pushed down 5 pixels (as you say),
    but the problem is at the top. If you notice, with IE7 there
    is a 5 pixel gap below your menu buttons. That is what is
    pushing it down and you notice the problem at the bottom.

    Concentrate on those buttons by eliminating everything except the basic
    layout so you can determine where that space is coming from.

    You also should not use <table>s for layout .... use pure CSS.
    That means you define those buttons as an inline list, and <div>, classes, etc.
    Just using CSS would probably solve the problem, but like I said, I didn't
    have time to examine it too closely.

    Look closer at the top menu buttons, and you'll solve it.


  4. #3
    Junior Member
    Join Date
    May 2010
    Posts
    3
    Member #
    22092
    I am a little confused about what you mean exactly.

    The problem is the buttons are pushed up 5 pixels and this seems to have nothing to do with what is above it. I removed the top padding and the image becomes flush with the top of the cell, just the bottom padding remains despite the coding commanding otherwise.

    You do make a good point, I should of removed everything except the problem so that I could examine it closer, so that is what I did. Here is the new link. Unfortunatly the problem still remains.


    I have been hearing quite a bit of bad press for tables and a big push for css, but I am not sure how you suggest to do this. Are you suggesting positioning the div layer manually using x and y coordinates? I do not see the benefit of that.

    As far as the inline list, I will look into that.

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I'm talking about things like this ....

    Your buttons are 54 pixels tall, but the <td height="50px" ... >
    And the buttons are wider than you display them, which is not a problem,
    but all of the positioning together causes a space under the buttons.

    It's that space under the buttons that is causing the space under the graphic
    image of the girl at the computer desk. Try this:
    Remove all of the menu buttons on top and see what happens to the space
    under the "girl at the desk".

    Maybe it can be as simple as resizing all of your buttons to they are 50 pixels tall,
    and there is no blank space on the right of the graphic button?


  6. #5
    Junior Member
    Join Date
    May 2010
    Posts
    3
    Member #
    22092
    nice catch, but it didn't affect the girl at all.

    Maybe we should focus on
    http://www.preradesigns.com/newindex.html
    as this should not contain any errors like that.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com