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.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    1
    Thanked 1 Time in 1 Post

    All Round Problems - Only in IE

    Code works and looks fine in Mozilla Firefox. But is seriously bad in Internet Explorer. Haven't tried any other browsers simply because I don't have them installed.

    http://easy-tv.org/gilligan/new/featured.htm

    This is just ONE of the many pages i am having problems with. I made many more pages with the same template. But because i was using firefox for this, i didn't notice the problems until now.

    The URL looks fine in Firefox. Looks exactly how it should. But when it is tried in internet explorer, ALL the page messes up, big time.

    Heres the external CSS.

    http://easy-tv.org/gilligan/new/style.css

  • #2
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    1
    Thanked 1 Time in 1 Post
    Can anybody help me please?

  • #3
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    I dont have any quick fixes for this, i was editing it in CSSVista, but alas i couldnt figure it out. The best thing i can suggest is to view and correct the validation errors. There were a few that might giv IE some problems, just correct them and see what happens then... Good Luck!!

  • #4
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    1
    Thanked 1 Time in 1 Post
    Corrected the validation errors and it made it WORSE.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    I still see 23 errors. You still need to fix them. I know it looks worse at first but there are many other problems causing that and, if you can fix them, you will appreciate having valid code.

    Just for starters I see some very confusing CSS. In style2.css you style #nav and the ul inside it.
    You also style #nav and it's ul in embedded CSS inside the head of the document. That styling is taking precedence but you should really get rid of one or the other.

    Code:
    <div class="t2"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
    <ul>
    That kind of looks like you converted this from tables? I'm not sure what you're trying to do with so many nested divs. I think one container div is all that is needed here. Like this:
    Code:
    <div class="t2">
    <ul>
        <ul>
          <li><a ...
    Code:
    </div> <center>
    <div class="t"><div class="b"><div class="l"><div class
    Take that out and center .t with CSS instead.
    Code:
     .t {
    background: url(dot.gif) 0 0 repeat-x; 
    width: 55&#37;; 
    float: left;
    margin-top:5px; 
    margin-bottom:30px;
    }
    Then you have the nested divs again...

    Considering your left menu, whatever your sorting movies with, so many pages... all of this makes for a very complicated website that is in serious trouble. Like jcdevelopment, I don't see a quick or easy fix either. If it was mine, I'd start over. Sorry I'm not more help.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Which version of IE?

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #7
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    1
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Excavator View Post
    I still see 23 errors. You still need to fix them. I know it looks worse at first but there are many other problems causing that and, if you can fix them, you will appreciate having valid code.

    Just for starters I see some very confusing CSS. In style2.css you style #nav and the ul inside it.
    You also style #nav and it's ul in embedded CSS inside the head of the document. That styling is taking precedence but you should really get rid of one or the other.

    Code:
    <div class="t2"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
    <ul>
    That kind of looks like you converted this from tables? I'm not sure what you're trying to do with so many nested divs. I think one container div is all that is needed here. Like this:
    Code:
    <div class="t2">
    <ul>
        <ul>
          <li><a ...
    Code:
    </div> <center>
    <div class="t"><div class="b"><div class="l"><div class
    Take that out and center .t with CSS instead.
    Code:
     .t {
    background: url(dot.gif) 0 0 repeat-x; 
    width: 55%; 
    float: left;
    margin-top:5px; 
    margin-bottom:30px;
    }
    Then you have the nested divs again...

    Considering your left menu, whatever your sorting movies with, so many pages... all of this makes for a very complicated website that is in serious trouble. Like jcdevelopment, I don't see a quick or easy fix either. If it was mine, I'd start over. Sorry I'm not more help.
    I fixed the errors, but have not uploaded them.

    The nested divs are for curved edges, each class contains a different part (4 for corners, 4 for borders). But on that not i realize i code just do

    Code:
    <div class="t2 b l r bl br tl tr">
    As for the menu on the left, i am using sub menus.

    http://tutorials.alsacreations.com/modelesmenus/vd2.htm

    ^^ Not using the one above, but thats just an example.

    Quote Originally Posted by effpeetee View Post
    Which version of IE?

    Frank
    Internet Explorer 7

  • #8
    New Coder
    Join Date
    Nov 2007
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Just for your reference, are you developing on Windows? If you have Windows XP, you can download something called "Multiple IEs" here, and run everything back to Internet Explorer 3, if you feel so inclined. Or if you're developing on Vista (like I am), Microsoft offers Virtual PC drives with Windows XP on it for free, with Internet Explorer 6 for the sole purpose of designing for IE6. Then, install Multiple IE's on that. ;-)

  • #9
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    1
    Thanked 1 Time in 1 Post
    Thanks for the tip, any other views on this?


  •  

    Posting Permissions

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