SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast wburke's Avatar
    Join Date
    Jan 2006
    Location
    Saint Charles, IL
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Browser Inconsistencies :)

    I am working with a CMS, and have done quite of bit of work on the skinning of the site. But I noticed a few inconsistencies that have be stumped on what is the problem. Or rather where to look to fix this problem.

    So I thought I would toss it here and see what you guys thought. The site looks like it is supposed to in Firefox, but in IE you will notice that the search bar is set about 20px lower from the main navigation. There are some other small things, such as the nav not lining up correctly with the black, but those I can work with for the time being, but the search is the big eye-sore atm.

    http://www.chicagofolio.com

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1) You're using an incomplete doctype, so browsers are rendering the page in quirks mode, which is a bad thing. You should use a complete doctype (one that includes a URL) to get browsers to render as close to the same as possible. I recommend HTML 4.01 Strict. A doctype is not a magic fix. It is the first step in the process of fixing your page.
    Activating the Right Layout Mode Using the Doctype Declaration
    Fix Your Site With the Right DOCTYPE!
    Choosing a DOCTYPE
    Doctype switching
    Rendering Mode and Doctype Switching
    http://www.w3.org/QA/2002/04/Web-Quality
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    2) Please fix your other HTML syntax and nesting errors.

    3) Remove the last comma from this:
    Code:
    div, form, h1, h2, h3, h4, h5, h6, td, tr, p, {
    	margin: 0px;
    	padding: 0px;
    	}
    4) "#3edf8f2" is not a valid color. Perhaps you meant "#3edf8f".

    5) Why do you need #navcontainer and #navigation?

    6) Why should you avoid using tables for layout?

    7) Remove the <br> from inside #navcontainer.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


Bookmarks

Posting Permissions

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