WordPress.org

Ready to get started?Download WordPress

Forums

"jleuze" could you please help with IE problems? (13 posts)

  1. diyhome1
    Member
    Posted 5 years ago #

    Jleuze,

    I hope you see this...ha, and you don't mind me soliciting you specifically. (I'd appreciate anyone's help who can help me)

    I - and it seems many others - am new to this stuff but I've been doing pretty well I think over the past month of immersing myself in wordpress, html, and css. Now suddenly my site has gone totally haywire on IE - the header is fine but then all I can see otherwise are elements of my sidebar.

    diyhomesavvy.com

    I've come to the forums whenever I've needed help but normally get one-line not so helpful (to the complete novice) answers. You seem to give really good answers so I thought I'd try to ask you. It works great on Firefox but IE is awful! (Why do I read that over and over? Why does it seem everyone uses IE given that it seems to suck?)

    Please please help.

    Thanks,
    Diy

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    I've just checked your site out in FF3 and IE7 and it seems fine now. That said, you do have a few serious validation problems of the type that could cause problems in one browser or another.

  3. diyhome1
    Member
    Posted 5 years ago #

    Thank you so much for responding. And yeah, I've been working on them all day...since someone pointed me there earlier. I'm down to 32 errors now but I'm really having difficulty clearing these up. How do I figure out how to fix these (they are those I left until the end)? I've found several that don't seem to really exist, for instance it will say "line 171 column 18" but then when you look at is there is no column 18 on that line. Am I thinking of this wrong?

    And could anyone tell me what this error means:

    # Error Line 174, Column 31: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

    <p style="text-align: center;">GORGEOUS!!!</p>

    ‚úČ

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "", "<span>", or "<font>").

  4. iridiax
    Member
    Posted 5 years ago #

    Try it with the Show Source option so that you can click on the line numbers and go to that spot in your code. Start from the top when fixing errors.

    Your above p tag is inside another p tag, which is not correct.

  5. iridiax
    Member
    Posted 5 years ago #

  6. diyhome1
    Member
    Posted 5 years ago #

    Iri, I don't understand...I only see one p tag in the example. When I look at the full code I don't see an open p tag either. Thanks for that link I did read it and it shed some light on the background but I'm afraid doesn't help me much with my errors...although I'm down to 11.

    Makes me want to bang my head against a brick wall.

  7. iridiax
    Member
    Posted 5 years ago #

    <p style="text-align: center;">
    <p style="text-align: center;"><strong>GORGEOUS!!!</strong></p>

    The top p here is not closed before the next p (the one with GORGEOUS!!!) starts.

  8. diyhome1
    Member
    Posted 5 years ago #

    ok thanks, but when I go and look at the actual code from that post that first p tag is closed...it looks like this:

    <p style="text-align: center;"></p>

    <p style="text-align: center;">GORGEEOUS!!!</p>

    So what do I do with that? There are several errors that don't seem right when I investigte them to the best of my ability.

    Thanks again Iri

  9. iridiax
    Member
    Posted 5 years ago #

    Try removing the empty paragraph tag (WordPress hates them and will usually totally strip them). Get rid of this:

    <p style="text-align: center;"></p>

  10. Josh Leuze
    Member
    Posted 5 years ago #

    Hi DIY, I'm flattered that you'd seek me out personally ;)

    I'm not sure where you are at exactly in troubleshooting your problem, but I can try to help.

    You mentioned in your post that you can't see your main column, just your header and sidebar? Your site looks OK in Firefox and IE 7, so i am assuming you solved that?

    I did notice that in IE6 your sidebar drops down below the main column. This is caused because the columns are a little too tight, the margins swell in IE6, and they no longer fit side by side.

    You can easily fix this by just shrinking a few margins to give your columns more breathing room.

    Find this chunk of code in your style.css file:

    #sidebar {
    background:#FFFFFF none repeat scroll 0 0;
    margin:7px 20px 15px 10px;
    padding:10px;
    width:320px;
    }

    And replace it with this:

    #sidebar {
    width:320px;
    margin: 7px 15px 15px 5px;
    padding: 10px;
    background: #ffffff none repeat scroll 0 0;
    }

    Also, take this chunk of code:

    #blog_content {
    background:white none repeat scroll 0 0;
    float:left;
    margin:7px 10px 15px 20px;
    padding:10px 20px 20px;
    width:560px;
    }

    And replace it with this:

    #blog_content {
    background:white none repeat scroll 0 0;
    float:left;
    margin: 7px 10px 15px 15px;
    padding:10px 20px 20px;
    width:560px;
    }

    Are you still experiencing any issues with missing content on your end?

  11. diyhome1
    Member
    Posted 5 years ago #

    No, I think I've gotten it fixed...kind of. Let me ask you, how do you so quickly see what it looks like in so many different browsers? Do you have them all installed on your computer?

    And, now I'm having difficulty understanding layout design...this is making me crazy. I've talked to a couple of people that say my wrapper creates a scroll bar b/c it's too wide and yet I haven't been able to find a computer yet that makes that happen. (I guess the resolution is too small?)

    Just as I thought I was starting to understand the resolution/screen size aspect of the layout I found this...

    If you look at my site (wrapper 1000px) and then look at one of my fav. blogs thisyounghouse.com (wrapper 940px)...their site (at least on my screen with the same browser) appears larger. Why is that? It should be and appear smaller right?

    On my screen my wrapper leaves about a 3" margin on either side of it...this young house only has about a 1" margin on either side.

  12. diyhome1
    Member
    Posted 5 years ago #

    And thank you SO MUCH for replying. I'm really new to this (although I've learned an amazing amount in the past month) and when I need help I come to these forums and generally get one line responses that assume I know more than I do so they aren't helpful.

    You give great responses.

    And as a humorous sidenote, I registered on "webdesignforums.net" (do you know that one?) and I got a great response from "Diddy" (very informative) when I went to see if he was online I found out he's a 16 year old kid from Sydney, Australia...hahaha. Eye opener -- should have known.

  13. Josh Leuze
    Member
    Posted 5 years ago #

    There are some sites, like BrowserShots, that allow you to see screenshots of your site in different browsers. But that is only so helpful, you've really got to see it in all the browsers, so yeah I install as many as I can on my computer.

    The only three you really need to worry about are Firefox, Internet Explorer, and Safari. The other browsers are either based on the same technology, or don't have enough marketshare to matter.

    Everything looks right on my end, their site is 940px wide, and yours is 980px wide. I'd suggest checking them each in a few different browsers.

    Measureit is a helpful ruler plugin for Firefox that might help you figure out the actual size of different sites.

    As long as your site is less than 1024px wide, it should fit on the vast majority of monitors just fine. If someone is getting a horizontal scrollbar, they must be using either a really old PC, or a small laptop with a low resolution of like 800px wide.

Topic Closed

This topic has been closed to new replies.

About this Topic