Shows up fine in Firefox…but nothing in IE?

  • Resolved Kai2810

    (@kai2810)


    16 years, 9 months ago

    Hi…

    A index file I uploaded at

    https://www.onlinemlmsystem.com/index.html

    shows up fine in Firefox, but none of the text loads in Internet Explorer…

    Has it got to do with my installing the WordPress files in the same place I uploaded the index.html?

    Please advice…been stuck at this problem for a day…:-(

    Thanks in advance!

Viewing 15 replies - 1 through 15 (of 16 total)

  • You mean this?
    https://www.onlinemlmsystem.com/index.php

    Thread Starter Kai2810

    (@kai2810)

    Hey joni!

    nope…I’m refering to https://www.onlinemlmsystem.com/index.html

    it’s a single page, opt-in sales letter. And it’s not running on WordPress engine.

    My blog, running on wordpress engine…is at https://www.onlinemlmsystem.com/blog
    but still, didn’t realize I can access my blog using index.php…

    is that a possible source of conflict?

    Well you had me confused because I am able to view

    https://www.onlinemlmsystem.com/index.html
    and
    https://www.onlinemlmsystem.com

    in IE6. So I thought you meant that you weren’t able to access the blog behind it. But the fact that you say your blog is in the /blog directory gives me pause.

    Go into your Dashboard and click on Settings > General and see what you have for these:

    WordPress address (URL)

    Blog address (URL)

    Thread Starter Kai2810

    (@kai2810)

    oh…I’m testing using IE 7…not 6

    you have IE 7?

    Not here; I do at home. I’ll try to remember to check when I get home in about an hour. B-)

    Thread Starter Kai2810

    (@kai2810)

    THANKS joni!

    ??

    In the meanwhile…any guys out there who may know why https://www.onlinemlmsystem.com/index.html is not loading in IE 7?

    Thanks!

    Both the page and the CSS validate, so there’s nothing technically wrong with them – yet the content isn’t visible in IE7.

    Disappointing for IE7… annoying for you.

    I would suggest maybe removing the wildcard (*) definition, as I simply can’t see anything wrong with the rest of it, so I wonder if IE7 is choking on that.

    I can’t be of much help without trial and error, except to say that it’s definitely in the CSS, not the HTML – cos the page with the stylesheet ignored, renders perfectly well.

    I would try just making a new stylesheet and pasting each definition into it one by one, until you find the one that breaks it.

    in the mean time, please for the love of all things holy… change the first line of your text that reads:

    “Here Is A Shocker For The Entrepreneur To Be’s”

    to:

    “Here is a Shocker for the Entrepreneurs-to-Be”

    Cheers ??

    Thread Starter Kai2810

    (@kai2810)

    Haha!

    Thanks Ivovic for pointing that out. My bad on the Be’s…but sticking with using the singular form for entrepreneur.

    Testing if it results in better conversion…I’m speaking to the visitor only…don’t want to appear I’m talking to a group instead of giving him/her my special attention… ??

    Will work out the CSS. Thanks for the tip!

    Weird that the HTML and CSS validate and it’s completely hosed in IE7. And weirder still: If I download the *.html file (from IE7) and view it in a text editor, it’s stripped out most of the ” marks. Here’s a sample:

    <META content="" name=description><LINK
href="OnlineMLMSystem Free 12 Day Accelerated Web 2_0 Business and Marketing Course_files/default.css"
type=text/css rel=stylesheet>
<STYLE type=text/css>.style3 {
	FONT-SIZE: 34px; COLOR: #ff0000
}
</STYLE>

<SCRIPT language=javascript
src="OnlineMLMSystem Free 12 Day Accelerated Web 2_0 Business and Marketing Course_files/js"></SCRIPT>

<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV id=outer>
<DIV id=upbg></DIV>

    But if you view the source code in Opera or IE6 or FF, it looks like this:

    <meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="default.css" />
<style type="text/css">
<!--
.style3 {
	font-size: 34px;
	color: #FF0000;
}
-->
</style>
<script language='javascript' src='https://127.0.0.1:2136/js.cgi?pa&r=27712'></script>
</head>
<body>
<div id="outer">
	<div id="upbg"></div>
	<div id="inner">

    First of all the JS looks different in the second (IE6/Opera/FF) version. But for some reason IE7 is *selectively* stripping out the quotes. Could that be why it’s not rendering properly? But why is it doing that to begin with. Oy.

    [deleted duplicate post]

    Thread Starter Kai2810

    (@kai2810)

    Hey…

    I loaded the template which I built my index.html from…and it loads in IE 7 perfectly. I looked through the CSS files…I just changed some of the properties of the heading styles. Now using Ivovic’s method to find the rogue code one by one.

    I have uploaded the templates which I used. Will be happy if someone can look through it too and find the culprit!

    https://www.onlinemlmsystem.com/indexori.html
    https://www.onlinemlmsystem.com/defaultori.css

    Many thanks! ??

    Yeah that’s Microsoft for you! IE6 and IE8 beta show the text (although IE8 beta seems to crop those red letters a bit) Try removing the z-index property out of the #upbg & #inner selectors. IE has always done crazy things with css layers.

    Thread Starter Kai2810

    (@kai2810)

    ARGH….

    What a bugger…The most important page of my business not showing up on the most used internet browser…lol

    Now trying to reconstruct the css from the original template.

    Been told that Firefox us better than IE7 for a long time…but today it’s really the first time I experience that DIFFERENCE…!

    alright…back to work. Thanks joni for your help so far! Will post what I found if I can get it right.

    If anyone caught the bug…hope you don’t mind posting it! Will appreciate any help I can get. Thanks! ??

    Kai Wei

    I found what’s causing the problem.

    The background images are covering your text.
    Solution:
    1. put your content inside the <div id="upbg"> and not below it.
    2. Your div’s have static (default), relative and absolute positioning. If possible try to design without absolute positioning. If needs be use relative positioning but if you can leave the position attribute out then do.

    You’ll have to play around with assigning the background images and colors to the different div’s. It’s always better to put the content inside the div’s and not empty div’s above or below it.

    You may have to adapt the images to get it looking right in IE.

    And while you’re doing all that, check it in Opera and Firefox to make sure you haven’t knocked something off kilter there. Use conditional stylesheets to serve the isolated tweaks that you need for the IE browsers. Good luck!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Shows up fine in Firefox…but nothing in IE?’ is closed to new replies.