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
    Jun 2004
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts

    why does this display so weird?

    okay, so for my web graphics class we had to make a simple web site of 10 or more pages... it doesn't really matter so much what the content is, just as long as we can show that we (kind of) know what we're doing with regard to css.

    anyway, the assignment said we just had to conform to html 4.01 transitional specs, but i decided to go all out and code mine to xhtml 1.0 strict... my question is this: all of my pages validate, yet i.e. is the only ua that displays my page properly (particularly margins/centering)... i've tried firefox, netscape, and opera (all on xp sp-2) and none of them displays right... why, if it validates, does it not work in all browsers (especially the ones that are supposed to be more to spec)

    can anyone help, especially 'cuz i have to give my presentation on it this wednesday, and the computers in the class are macs, so i really don't know what's gonna happen there...

    the link

    thanks in advance for any help...

    ps - any comments/suggestions/critiques are welcome

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I bet if you take this line out
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    IE will look more like the other browsers because as it is now its in quirks mode means its likely rendering the css incorrectly. And about your other problems with just a quick glance at the css, you have negative margins on some anchor elements? Why did you do this? You shouldn't have to. Also an undordered list in FF has a left padding, so if you set both padding and margin to 0 for the ul then the uls will look the same in IE and most of the other browsers as well. Just because your code validates doesn't mean its going to display properly. I do believe its the negative margins in your links that are throwing the site off in the other browsers. IE shows you what it thinks you want and the Standards compliant browsers show you what you code.

  • #3
    New Coder
    Join Date
    Jun 2004
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the reply...
    unfortunately, when i took out the line you suggested, the only thing that changed in i.e. was that my header image disappeared, and my divs got about 30px wider...

    removing the negative margins didn't do anything... any other suggestions?

    thanks,
    TheRoper

  • #4
    New Coder
    Join Date
    Jun 2004
    Posts
    46
    Thanks
    0
    Thanked 0 Times in 0 Posts
    *bump*


  •  

    Posting Permissions

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