#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    5
    Rep Power
    0

    CSS not rendering in IE for PC


    Greetings everyone! I've been working on the following page for a couple of days now, and it looks fine in Safari and Firefox, but all my CSS fail in IE. I don't know what the problem is. Feel free to view the page at the following url http://www.netunification.com/demo/

    I spoke with a friend and he speculates IE is having problems with the float command. I'm not so sure of this because I used the same CSS techniques while building the following site (http://www.the904.com/demo/).

    The904 page renders perfectly in IE and I can't figure out what the difference is between the pages. I thought I used the same concept with both pages.

    I've been trouble shooting the problem for a couple of days now, but I haven't had any luck. Can please someone take a look at my net u page (http://www.netunification.com/demo/) and suggest a solution

    Thanks in advance for any/all assistance. Your time and effort is greatly appreciated!

    Walt
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Please fix your XHTML errors.

    Why are you using XHTML 1.0 Transitional? What exactly are you transitioning from?

    All new documents should be written in HTML 4.01 Strict or XHTML 1.0 Strict.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    5
    Rep Power
    0

    Good Question?


    Originally Posted by Kravvitz
    Please fix your XHTML errors.

    Why are you using XHTML 1.0 Transitional? What exactly are you transitioning from?

    All new documents should be written in HTML 4.01 Strict or XHTML 1.0 Strict.
    I used a HTML editor to put the page together, so I simply used the current settings in the application to put the page together. I just got back into webpage design recently after a couple of years hiatus, so I'm not exactly sure of what XHTML 1.0 transitional is. I'll use the XHTML 1.0 Strict and see if it fixes the problem. Thanks. I'll let you know if it works...

    Walt
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You should read this and this.

    Simply change
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    to
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    5
    Rep Power
    0

    Work In Progress?


    I've validated my code to XHTML 1.0 Strict standards with one error remaining and things are beginning to look a lot better. I can't seem to pinpoint where the last error is coming from. Do you have any ideas?

    And for some reason I'm having a positioning problem with my Headliner text in IE (PC). Again, it looks fine in other browsers, but it's not rendering properly in IE. Any suggestions?

    Walt
  10. #6
  11. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You were missing the <html> tag and you set the charset to something different than what your server is sending in the HTTP Response Headers.
    Change
    Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    to
    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    Originally Posted by instudios
    And for some reason I'm having a positioning problem with my Headliner text in IE (PC). Again, it looks fine in other browsers, but it's not rendering properly in IE. Any suggestions?
    It looks very different in FF1.5 and Opera 9. How do you want it to look.

    P.S. You may want to specify color and background-color on body. color:#000; and background-color:#fff; are fine.
    Last edited by Kravvitz; September 11th, 2006 at 12:39 AM.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    5
    Rep Power
    0

    Still having problems...


    Kravvitz,
    I've done everything you've specified but I'm still having rendering problems. It's not rendering correctly in either of the browsers that I've tested it in (Firefox (Mac) and Internet Explorer (PC)). I've created a page with snap shots of exactly what I'm seeing on my end. The link is:

    http://www.netunification.com/demo/reply.html

    Please take a look at it and let me know what you think. I'm at a lost for the moment...
  14. #8
  15. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2006
    Posts
    5
    Rep Power
    0

    Unhappy Is Anyone There?


    No one has posted in this section in a while, and I was just hoping that I wasn't forgotten about. Please let know if come across anything that help me with my issue. Thanks...
    Last edited by instudios; September 12th, 2006 at 09:48 PM. Reason: Typo

IMN logo majestic logo threadwatch logo seochat tools logo