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

    Join Date
    Dec 2004
    Posts
    64
    Rep Power
    15

    firefox/ie compatibility issues


    sean.dynahosting.net/wordpress

    ^if you open this in firefox, It is almost exactly how I want, but when you open it in ie, all sorts of troubles arise. Most importantly, the meat of the page (everything except the header and footer) are not centered, and are not 60% of the page, like this:

    .basic{
    font-family: courier new,courier,monotype;
    font-size: 11px;
    width: 60%;
    margin-left: 20%;
    }


    says. How much more simply can I put it? Is there anything I can do to fix this, or if not, is there anyway to get browser specific with css?
  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
    The XML declaration puts IE6 in backwards compatibility mode.

    How to Center Elements with CSS (in IE5+/Win and other browsers)

    XHTML 1.1 should be served as application/xhtml+xml, not text/html.
    Sending XHTML as text/html Considered Harmful
    http://www.w3.org/2003/01/xhtml-mimetype/
    http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html
    http://www.w3.org/TR/xhtml-media-types/#summary

    Also, you have two lists that aren't marked up as such. Take a look at these:
    http://www.alistapart.com/articles/taminglists/
    http://css.maxdesign.com.au/listutorial/

    Please fix your XHTML errors.

    Why are you using XHTML 1.1 anyway?
    Last edited by Kravvitz; October 2nd, 2005 at 12:35 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).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2004
    Posts
    64
    Rep Power
    15
    Yo, you're talkin just a bit over my head, but I'm reading the text and tryin to get something out of it. Also, what's the benefit of declaring lists as such?

    What should I be using if not XHTML?

    I'm kind a n00b, and I appreciate your help.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2005
    Posts
    327
    Rep Power
    20
    Your first line is an xml prologue which IE won't be able to understand it. Remove it.
    What he means is your doctype is xhtml1.1 but your server is serving it as html which could be a bad thing and is subject to controversy. Some will say, for now, to stick with html4.01 while others, including myself, say xhtml is fine because it's the next thing past html but you may occasionally get messed up.
    Validate your code!
  8. #5
  9. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You're welcome.

    Originally Posted by seanghatch
    Also, what's the benefit of declaring lists as such?
    Semantics.
    http://www.camaban.co.uk/semanticwhat.php
    http://www.webaim.org/techniques/structure/
    http://www.brainstormsandraves.com/a...ics/structure/

    Originally Posted by seanghatch
    What should I be using if not XHTML?
    HTML 4.01 Strict.

    If you use lowercase element and attribute names in your HTML and CSS, use end tags even when they're optional, and always quote values, then it's easy to convert HTML 4.01 to XHTML 1.x.
    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).

IMN logo majestic logo threadwatch logo seochat tools logo