Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jan 2010
    Posts
    35
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Question Margin Bottom/Top and Mysterious White Line in IE8-

    I have been trying to figure out how to fix these issues in IE8 and below, but I don't know. I've tried every hack possible, but nothing works.

    What I'm trying to fix is on the index page, the divs which hold a picture are supposed to have a line that is 66px in between each of the boxes so when the user scrolls over each of them, it will create a "cropped" version of the picture.

    Then, when you go into the inside pages, there is somehow a mysterious white line above the links. When you get to the galleries page, it somehow gets pushed down a lot more for no reason.

    The website works perfectly in Mozilla Firefox, Safari, and Chrome. Any help is appreciated!

    Here is the website:
    http://gds.parkland.edu/student/fall...sed/index.html

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    It's not worth to fight with display issues before fixing the errors in your markup
    What I'm trying to fix is on the index page, the divs which hold a picture are supposed to have a line that is 66px in between each of the boxes so when the user scrolls over each of them, it will create a "cropped" version of the picture.

    Then, when you go into the inside pages, there is somehow a mysterious white line above the links. When you get to the galleries page, it somehow gets pushed down a lot more for no reason.
    Are you talking about the page at
    http://gds.parkland.edu/student/fall...galleries.html ?

    If so, set a dark background color to the <li> and anchors in the menu.
    Last edited by abduraooft; 11-01-2010 at 10:29 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jan 2010
    Posts
    35
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Okay I will definitely fix the validations first and then work on figuring out why it's doing this in IE.

    As for the comment about this page:
    http://gds.parkland.edu/student/fall...galleries.html

    This is the page where the navigation menu gets pushed down along with all the inside pages have a white line on-top. I was wondering how I could possibly fix the navigation on the galleries page so that it gets pushed up to the same position?

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Put that <ul> before <a> inside navigation-div, in the markup order.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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