WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Newbie- site okay in FF, but disaster in IE, but why? (8 posts)

  1. somanyqs
    Member
    Posted 5 years ago #

    hi everyone-
    im using the whitespace theme (modified) and my poor site turns into an absolute mess when viewed in IE6/7/8 (i only have FF since i have a mac, so i get screen shots secondhand).
    my site: http://criticalgolf.com

    is there any easy explanation why in IE the different "sections" of the site (left sidebar, main section, right side) wind up looking fine in FF but not in IE (where they get pushed flush left below the nav, and then start wrapping acros the screen)? as you can tell i have zippo programming eperience and am learning by doing (or not doing, in this case!)

    thanks much!

  2. Chrisber
    Member
    Posted 5 years ago #

    The explanation is that IE is the worst browser ever created and it interprets valid code in ways that no other browser does. If you will take just a few minutes to look through some of the previous questions on this forum, you will find that this is the single most common question asked and answered here, repeated ad nauseum literally thousands of times. No need to go through it again.

  3. vishal_hd
    Member
    Posted 5 years ago #

    IE sucks, and uses a different rendering engine, and it sucks at rendering valid codes.

  4. somanyqs
    Member
    Posted 5 years ago #

    lol!!!
    thanks chrisber and visal_hd

    i did see that there is a ton of discussion around this, unfortunately most is tailored to real programmers (not me!). would you all have any advice for someone completely new to this to learn something really basic - like why in IE6 the content appears under the left nav rather than in the middle of the page (as it does on other browsers). i am usually ok and muddling through things once i get a start, but i figure there is something in this theme that is missing so IE6 makes the "middle" content appear under the left nav as opposed to the middle of the page. for something like that i search and search, but cant seem to find an easy answer. any direction would be a big help! but of course til then i will absolutely keep searching the boards - thanks!!!
    oh, and though i havent been doing this very long, im starting to really hate IE. i wish people didnt visit my site using it! maybe i should just block anyone from visiting who is still using IE6
    haha :)

  5. Chrisber
    Member
    Posted 5 years ago #

    The main issue is that IE interprets the total width of your page elements incorrectly and causes an overflow situation since it believes that everything adds up to more than the specified width of your page. The easiest solution is usually to adjust the width of your content and sidebar areas slightly to correct the overflow.

  6. esmi
    Forum Moderator
    Posted 5 years ago #

    Or serve an additional CSS sheet containing slightly different widths to IE using a conditional comment:

    http://www.elated.com/articles/internet-explorer-conditional-comments/

  7. somanyqs
    Member
    Posted 5 years ago #

    thank you for the help!
    i think i will start by trying to adjust the widths (and making different r_sidebars for each template). then if that doesnt work, tackle the conditional commenting - that sounds like it might be a bit advanced for me (creating another css sheet, though maybe i can figure it out - if i do that do i copy all the code from my main style sheet and put it into the new css sheet along with conditional code? or does that new css sheet ONLY have the conditional code? i didnt think it was clear from that elated.com page but maybe i overlooked)

    thanks again everyone - i *really* appreciate it.

  8. esmi
    Forum Moderator
    Posted 5 years ago #

    The new sheet is called by a conditional comment that is added to header.php. I normally add it just after the call to the main style sheet(s).

    The new sheet would only contain the amended CSS widths. Nothing else.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.