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

Thread: CSS and IE

  1. #1
    New Coder
    Join Date
    Dec 2005
    Location
    Canada
    Posts
    60
    Thanks
    6
    Thanked 0 Times in 0 Posts

    CSS and IE

    Having a bit of a problem with a hack for IE.

    In FF site displays fine, but IE6 and IE7 both have the same issue. Once you load the website you will see the problem.

    http://www.newsdots.com/answers

    If anyone has a suggestion, please post.

    Thanks,
    Geoserv

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,747
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    At first it gets: Failed validation

    So I change Encoding to iso-8859-1 (Western European) and get Failed validation, 115 Errors

    Some of those errors are critical and might be causing your problems.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    I can't quite put my finger on it, but there's seems to be a hell of a lot of code there and not much content on the page at all. I think you need to look at your output and try to optimise it a little because at the moment there's plenty of stuff that doesn't look like it needs to be there, or could be condensed
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,747
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    I looked at this again...

    Viewing these changes in FireFox,
    -change the color on #wrapper like this: #wrapper{background:#000;text-align:left;position:relative} you can see it's not wrapping. You need to clear your floats.
    Make it read like this: #wrapper{background:#000;text-align:left;position:relative;overflow: auto;} and you'll see what I mean.

    Here's a link explaining the overflow:auto; clearing method.


    Looks like #page and #spellify have the same problem. Since your #user-summary, .user-image and user-profiles are all floated it may be that not clearing floats is your problem...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Dec 2005
    Location
    Canada
    Posts
    60
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I have read the tutorial and made a few changes, and made some progress, but it still isn't 100%.

    Can you look again and advise?

    Geoserv

  • #6
    New Coder
    Join Date
    Dec 2005
    Location
    Canada
    Posts
    60
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Ok, the issue is solved, I changed this:

    Code:
    #user-summary{float:left;}
    to:

    Code:
    #user-summary{float:left; clear:both;}
    and it now works.

    Geoserv.


  •  

    Posting Permissions

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