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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Missing half of my divs?

    Doesn't work in Internet Explorer.
    Works fine in Google Chrome.
    Works fine in Firefox.
    Works fine in Safari.

    http://patriotpdm.com

    It's missing the jquery menu on the right.
    And below the menu, it's supposed to load text.
    I'm not sure whats wrong with it.

    The index.html contains the css for the menu.

  • #2
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Try validating it

    I ran it through the W3 validation service and found some errors.
    Go here
    http://validator.w3.org/check?uri=ht...tor/1.1#result

    IE is picky if you don't close a tag correctly it throws everything else off. You can also run your CSS to find errors, I find that it and this board has helped me in the past.

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Also, more of an issue may be the units of measurements you have for the framesets. You dont specify what they are....pixels or what? that might be causing a big problem in IE.

  • #4
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I put it through the validator but I wasn't sure by what it was telling me.

    Units of measurements for the framesets? I'm not sure by what you mean...
    Sorry I'm somewhat new to coding as this is my first website and obviously is a mess.

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Here's one example. You have width=615 and height=17

    615 what? pixels? percentage?

    Code:
    <div class="fl_right"><iframe src="http://free.timeanddate.com/clock/i23xoti5/fs13/fcfff/tct/pct/ahr/tt0/td2/ts1/tb2" frameborder="0" halign="right" width="615" height="17"></iframe></div>
    I didnt look through the rest of your code to see if there were more. Again, this may not solve your issue, but it would definately cause issues as browsers have to guess at what unit of measurement you mean. Some might get it right, some might not.

    While er're at it, I think the halign attribute is deprecated, so you may want to change that to align.

  • #6
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,911
    Thanks
    15
    Thanked 227 Times in 227 Posts
    width="615" height="17" Mr teedoff, that's the old depreciated way of specifying size, it doesn't require units, but it is better ( not absolutely required ) that it be quoted. I don't use it any more, I would have used style="width:615px;height:17px" . But it may be automatically generated and he may not have control of it.

    PS: To OP, I just looked at your source code again, you have doctype strict, that doctype does not support inline styles. You might want to try transitional.
    Last edited by DrDOS; 11-11-2010 at 02:25 AM.

  • #7
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by teedoff View Post
    Here's one example. You have width=615 and height=17

    615 what? pixels? percentage?

    Code:
    <div class="fl_right"><iframe src="http://free.timeanddate.com/clock/i23xoti5/fs13/fcfff/tct/pct/ahr/tt0/td2/ts1/tb2" frameborder="0" halign="right" width="615" height="17"></iframe></div>
    I didnt look through the rest of your code to see if there were more. Again, this may not solve your issue, but it would definately cause issues as browsers have to guess at what unit of measurement you mean. Some might get it right, some might not.

    While er're at it, I think the halign attribute is deprecated, so you may want to change that to align.
    Well I'm not sure if it matters, tho I will change it to px, but in the IE specific css file that I have, I have that iframe set to display at none.

    Quote Originally Posted by DrDOS View Post
    width="615" height="17" Mr teedoff, that's the old depreciated way of specifying size, it doesn't require units, but it is better ( not absolutely required ) that it be quoted. I don't use it any more, I would have used style="width:615px;height:17px" . But it may be automatically generated and he may not have control of it.

    PS: To OP, I just looked at your source code again, you have doctype strict, that doctype does not support inline styles. You might want to try transitional.
    I changed it to a style but it still doesn't seem to fix my problem. I also went and changed my doctype to transitional but still, doesn't seem to have changed anything. Like I said above, I have that iframe set to display:none; if IE, if that helps out any. IE is quite frustrating.
    Last edited by iKillDesigns; 11-11-2010 at 02:38 PM.

  • #8
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm still stuck on this and need to find a fix because this is one of the standstills im on.
    I'm needing alot of help with this problem.

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Ok well I see somehow you dont have a closing html tag. You also have in IE if statement AFTER your opening body tag. The html tag should probably be something like this:

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    Try those two things and see what you have.

  • #10
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The IE if statement I took from off a website and in their description, they said to put it in the body. Ill change this tho.

  • #11
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Well it may actually go in the body...the opening html tag was the one that would cause the most problems.

  • #12
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I switched the html and tag and it didnt work, it took everything off center and messed up the positions.

  • #13
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I still dont see an opening <html> tag...You NEED that....whether thats whats causing your problems or not. Did you insert it and not upload your new file so that I could see it?

  • #14
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I changed it just now.

  • #15
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You should really do some reading and learning on proper coding standards. Please dont take offfense to this.

    You had many errors in your code. Many of which were the use of commenting, but they were improperly done.

    A comment in html is like so:

    Code:
    <!--Comment Here-->
    Not this:
    <!--//##### --!>

    You also have some other errors such as tags that dont exist like <pp></pp> or <h10>.

    I do suggest you at least change your whole doctype to transistional like so:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    That will help with alot of your errors. Thats a start, but not completely going to fix your issues yet.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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