IE is messing my site up

9 replies
  • WEB DESIGN
  • |
Hi everyone

I have a big problem IE is messing up my site...in FF it's fine (big surprise)

there is yellow highlighting at the bottom of the page.

I changed all the ref from ff0000 to ffffff that i could find but it's still messed up

If someone could help I would appreciate it and I'll give you a free copy of my new book.

the link is in my sig


Thanks
Michael
#messing #site
  • Profile picture of the author ziffgone
    Hi Michael,

    Do a search and replace on "rgb(255, 255, 0)" and replace it with "rgb(255, 255, 255)".

    I think there are 11 occurrences of the yellow color in a spans etc.

    I highly suggest ditching whatever HTML Editor you're using, (I'm guessing FrontPage), it's always going to cause you problems.

    Regards,
    Perry.
    {{ DiscussionBoard.errors[803164].message }}
  • Profile picture of the author ziffgone
    No, it's not only in IE, but less so in Firefox. If you look at your block of multiple testimonials there is a little yellow line in between each one.

    I'm looking to see where the offending element is, it's probably a font or span tag that isn't closed properly.

    Perry.
    {{ DiscussionBoard.errors[803178].message }}
  • Profile picture of the author ziffgone
    FF0000 is actually red, not yellow. Your site is using Red, Green, Blue values as well. rgb(255, 255, 0) is yellow. rgb(255, 0, 0) is red. If the yellow color was in the HEX color format you would have to look for "#ffff00" not "#ff0000".

    Hope that helps.

    Perry.
    {{ DiscussionBoard.errors[803312].message }}
    • Profile picture of the author Aronya
      This is from your code. It's no wonder you have problems. And no wonder you have trouble finding the source. How could you possibly sort all that out?

      I don't think you can nest <span> tags this way and get them to work.
      <font
      style="background-color: rgb(255, 255, 255); color: rgb(51, 102, 255);"
      color="#ff0000" face="Verdana" size="4"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="4"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="4"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="4"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="4"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="4"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="4"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="4"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><span
      style="color: rgb(0, 0, 0);">|</span> <a
      href="http://www.myplrcashcow.com/blog"><span
      style="color: rgb(51, 51, 255);">Blog</span></a></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></font></p>
      </div>
      </div>
      <br>
      </div>
      </div>
      </div>
      </div>
      </div>
      </div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </span></font></font></font></div>
      </div>
      And this...
      <div align="center"><font color="#ff0000" face="Verdana"
      size="4"><font face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Verdana" size="2"><font face="Verdana" size="2"><font
      face="Arial" size="2"> <b><font face="Verdana" size="4"><br>
      ...accomplishes absolutely nothing. You've got tons of this same code all over your page. Signs of a crappy editor.

      You might be better off starting over.
      {{ DiscussionBoard.errors[804940].message }}
  • Profile picture of the author ziffgone
    This is the problem with these types of HTML Editors though. Each and every time you go back and edit some text, especially if you change color or font type, it nests it within countless font and span tags which screws up the proper HTML sequence. And when you delete text, it leaves the tags there as a nice mess.

    It's a fault in many WYSIWYG HTML Editors.

    How can you tell I hand code everything I do.

    Regards...
    {{ DiscussionBoard.errors[804973].message }}
  • Profile picture of the author ziffgone
    Right here is the real culprit:

    HTML Code:
     </font></font><font color="#ff0000" face="Verdana" size="4"><font
     face="Verdana" size="2"><font face="Verdana" size="2"><span
     style="background-color: rgb(255, 255, 0);"><br>
                <div align="center"><font color="#ff0000" face="Verdana"
     size="4"><font face="Verdana" size="2">
                <table id="table24"
     style="border: 1px solid rgb(0, 0, 0); padding: 0pt; background-color: rgb(254, 255, 223);"
      </span>border="0" cellpadding="10" cellspacing="0" width="75%">
                  <tbody>
    The "span" tag just before "table24" is not closed.

    Change this:

    <span style="background-color: rgb(255, 255, 0);"><br>

    to this:

    <br>

    And you should have it fixed. However your page is definitely a mess. I suggest, especially for simple sales page type sites, that you research CSS Tabless Design.

    For example, this:

    HTML Code:
     <table id="table24"
     style="border: 1px solid rgb(0, 0, 0); padding: 0pt; background-color: rgb(254, 255, 223);"
     border="0" cellpadding="10" cellspacing="0" width="75%">
                  <tbody>
                    <tr>
                      <td>
                      <p> <font size="2"><span style="font-weight: bold;">"The
    most difficult part about making money online is actually making your
    first $1.00 online."</span><br style="font-weight: bold;">
                      </font></p>
                      <p style="font-weight: bold;"><font size="2">Russell
    Brunson</font></p>
                      </td>
                    </tr>
                  </tbody>
                </table>
    Could be trimmed down into this:

    HTML Code:
    <div id="div24" style="width:485px;margin:10px auto;border:solid 1px #000000;background: rgb(254, 255, 223);font-weight:bold;font-weight:.8em;padding:10px;">
    <p>"The most difficult part about making money online is actually making your first $1.00 online."</p>
    <p>Russell Brunson</p>
    </div>
    Quite a nice difference, isn't it? Also, because your div has an ID, you can clean it up even further by moving the CSS into your style sheet:

    HTML Code:
    Place this CSS in your CSS File:
    #div24 {
       width:485px;
       margin:10px auto;
       border:solid 1px #000000;
       background: rgb(254, 255, 223);
       font-weight:bold;
       font-weight:.8em;
       padding:10px;
    }
    And then your HTML can be further trimmed:

    HTML Code:
    <div id="div24">
    <p>"The most difficult part about making money online is actually making your first $1.00 online."</p>
    <p>Russell Brunson</p>
    </div>
    The benefits of doing this is your pages will load faster, search engines will be able to parse your actual content easier and you will be able to edit your HTML easier because you'll be able to actually find what you're looking for.

    Hope this helps you understand that even though your NVU Editor seems to work well, it's not exactly the best solution for creating web pages.

    Regards,
    Perry.
    {{ DiscussionBoard.errors[805015].message }}
    • Profile picture of the author NetMan
      Originally Posted by ziffgone View Post

      Right here is the real culprit:

      HTML Code:
       </font></font><font color="#ff0000" face="Verdana" size="4"><font
       face="Verdana" size="2"><font face="Verdana" size="2"><span
       style="background-color: rgb(255, 255, 0);"><br>
                  <div align="center"><font color="#ff0000" face="Verdana"
       size="4"><font face="Verdana" size="2">
                  <table id="table24"
       style="border: 1px solid rgb(0, 0, 0); padding: 0pt; background-color: rgb(254, 255, 223);"
        </span>border="0" cellpadding="10" cellspacing="0" width="75%">
                    <tbody>
      T
      Yeah and 90% of the time this is the kind of crap code you receive when you purchase PLR products that comes with a "web site".

      They're quickly crafted with these crappy WYSIWYG editors, with a mix of CSS and legacy deprecated HTML formating code. A nightmare!

      Regards,

      Andre Foisy
      {{ DiscussionBoard.errors[805327].message }}

Trending Topics