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 5 of 5

Thread: IE 7 Break down

  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    IE 7 Break down

    hey I am working on this site http://www.furniturelandnewjersey.com/test.html
    and have a problem getting the html elements to align correctly in ie7. I have a separate style sheet, but i cannot seem to move the main table back in line.

    I tried using absolute element positioning but that has failed.

    ANy help would be great.

    Side note in some browsers, IE9, Chrome 10, the sidebar and the header turn off white yellowy.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    I have a separate style sheet, but i cannot seem to move the main table back in line.
    Normally, no one need a compete IE specific stylesheet. If the markup is well formed, then everything would be alright even in IE browsers, though a very little hacks/tweaks may required.

    Now, your current http://www.furniturelandnewjersey.com/ie7.css is completely wrong as some how it has got strange syntax errors in it. See http://jigsaw.w3.org/css-validator/v....com%2Fie7.css

    but i cannot seem to move the main table back in line.
    Add
    Code:
    *{margin:0;padding:0;}
    into your CSS to remove all browser specific default values of margins and paddings from all elements.
    Last edited by abduraooft; 07-30-2011 at 10:01 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    c0ding_n00b (07-29-2011)

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer

    Ok. So I looked at the validation css and used the recommended version, so there are no bugs in the css styling. Thanks that is a good tool.

    However, the problem persists in ie7. I am really baffled. Even tried the 0 padding and margin thing. No luck.
    IE 7 Break down-screen-shot-2011-07-28-4.37.27-pm.jpg
    The bottom table in the footer is also very much out of line.
    The header logo should be aligned leftward and the table with the red line should be over right next to the side nav.
    Not sure how to resolve this.

    Still have the weird change in color to off white on header and side nav bar in ie9 ff3.6+ and safari4.
    Last edited by c0ding_n00b; 07-28-2011 at 10:48 PM. Reason: clarifying and sp

  • #4
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Updates:

    Was missing a closing </section>
    Darn HTML 5 .

    Only problem is the header is still centered instead of left.

    And of course the strange color thing with off white shades on the side bar and the header. Not even sure how/why that happens. Will go through all coloring/background coloring styling, but am certaint hey are all either FFF or FFFFFF.

    And keep you guys posted

  • #5
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Smile

    Ok got the issue is resolved by making my top image 1000px long. Not exactly the best work around, but it gets the job done. I think ie7 and below tried to center it and align it against the header menu.


  •  

    Tags for this Thread

    Posting Permissions

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