Help! Firefox And Ie Not Playing Nice!

Damen

Jul 18 2007, 01:39 AM

I recently made a website for a friend.

http://www.TheQuotes.co.nr

Now, here is the problem. It seems if you load it with FF the middle section background will not strech. But if you use IE it will.

Does anyone know why this is happening or how to fix it?

Here is the code I have in the index file.

CODE

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The Quotes</title>

<style type="text/css">
a{ color: #ffffff; size:-1;}
</style>
</head>

<body bgcolor="#910A99">
<center>
<div style="height:449px; background-image:url(top.gif); width:664px; background-repeat:no-repeat"></div>
<div  style="background-image:url(middle.gif); width:664px; height:100px; background-repeat:repeat-y;">
  <div align="left">
    <blockquote>
      <blockquote>
        <blockquote>
          <p>

          


<font color="#4B0082">Go to page: <a href="quotes.html">1</a> | <a href="quotes2.html">2</a> | <a href="quotes3.html">3</a> | <a href="quotes4.html">4</a> | <a href="quotes5.html">5</a> | <a href="quotes6.html">6</a></font>
<br>
<h2><font color="white">Page 1</font></h2>
<br><hr>

ALL OF THE QUOTES EDITED OUT

<hr>
          </p>
          </blockquote>
      </blockquote>
    </blockquote>
  </div>
</div>
<div style="height:265px; background-image:url(bottom.gif); width:664px; background-repeat:no-repeat"></div>
</center>
<div style="position:absolute; z-index:1; top:1px; left:1px;"><img src="logo.gif" /></div>
</body>
</html>

Reply

jlhaslip

Jul 18 2007, 02:06 AM

Can you post a live link please so we can have a look. Remember that we don't have the images, so if the page is uploaded someplace, post a link.

Also, which div is not stretching? and when you say not stretching, do you mean in width or height?

Thanks.

*edit*

I guess we are to go to the site directly... posted in your opening post...

Well, to begin with, add a Doctype Declaration so the two browsers are not in quirks mode. Lacking a Doc Type is a sure way to have one of them mis-interpret the html.

Reply

Damen

Jul 18 2007, 02:17 AM

QUOTE(jlhaslip @ Jul 17 2007, 09:06 PM)

Can you post a live link please so we can have a look. Remember that we don't have the images, so if the page is uploaded someplace, post a link.

Also, which div is not stretching? and when you say not stretching, do you mean in width or height?

Thanks.

Http://www.thequotes.co.nr

That is the live link.

When I say not stretching I mean height.

Take a look at what I mean.

Reply

Damen

Jul 18 2007, 02:29 AM

I have DOCTYPE tags in the html file.

But I cut off the top of the text to size it down some.

This is what I have.

QUOTE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Reply

Tramposch

Jul 18 2007, 02:37 AM

Can i see the css? its sometimes in the css its very annoying how you have to make it work for both browsers, there hsould just be one universal browser,

Reply

jlhaslip

Jul 18 2007, 02:44 AM

Here is the error report from the Tidy Utility I have. Notice that the first line says the Doctype is missing.

QUOTE

Result: 0 errors / 5 warnings

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 12 column 1 - Warning: <script> inserting "type" attribute
line 17 column 1 - Warning: <frameset> proprietary attribute "frameborder"
line 17 column 1 - Warning: <frameset> proprietary attribute "border"
line 17 column 1 - Warning: <frameset> proprietary attribute "framespacing"
Info: Document content looks like HTML Proprietary

Where is this page Hosted? Is it possible the Web Host is stripping out the Doctype so that they can place it into a Frameset?

*edit*

Indeed, the re-direction service you are using is stripping out the Doctype on you.
When I do an html Tidy report, your page has 363 errors when measured against the Doctype you are using. Not good.
Don't know what to tell you, except between the incorrect Doctype for the level of code you have, and the Frameset the Host is supplying, the page is not very cross-browser friendly.

Tramposch, the css is embedded in the page. There is no CSS file.

Reply

Damen

Jul 18 2007, 04:27 AM

Well to start fresh.

Co.Nr was not the one doing it on me.

I have uploaded it here also with no redirection.

http://www.damen.trap17.com/quotes/quotes.html

It still does the same thing.

The CSS for this is embedded inside the file.

Any other possible problems? Maybe run your checker again on the link above.

Reply

Damen

Jul 19 2007, 05:26 PM

Also,

I have made quite a few website, all more complicated than this simple one, and I have never had a problem between firefox and ie other than pngs. And that has been solved in IE 7.0.

I am just stumped as to what the problem is here guys.

ANYONE who thinks they might know why, please help.

Reply

Damen

Jul 22 2007, 10:01 PM

I have still not solved this problem. Will people please take another look at it.

Reply

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute your information that might help someone here. Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE

Help! Firefox And Ie Not Playing Nice! - Div overflow problems!

Help! Firefox And Ie Not Playing Nice! - Div overflow problems!