Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Help! Firefox And Ie Not Playing Nice!, Div overflow problems!
Damen
post Jul 18 2007, 01:39 AM
Post #1


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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>
          
          <!--Insert your quotes after this hun. The following is an example of how one would look.-->
          

<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>
Reason for edit: bbcode for url
Go to the top of the page
 
+Quote Post
jlhaslip
post Jul 18 2007, 02:06 AM
Post #2


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,880
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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. smile.gif

Go to the top of the page
 
+Quote Post
Damen
post Jul 18 2007, 02:17 AM
Post #3


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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.


This post has been edited by Damen: Jul 18 2007, 02:28 AM
Go to the top of the page
 
+Quote Post
Damen
post Jul 18 2007, 02:29 AM
Post #4


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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">


This post has been edited by Damen: Jul 18 2007, 02:31 AM
Go to the top of the page
 
+Quote Post
Tramposch
post Jul 18 2007, 02:37 AM
Post #5


Super Member
*********

Group: Members
Posts: 219
Joined: 27-May 07
From: SOME WHERE
Member No.: 43,760



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, sad.gif
Go to the top of the page
 
+Quote Post
jlhaslip
post Jul 18 2007, 02:44 AM
Post #6


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,880
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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. sad.gif

Tramposch, the css is embedded in the page. There is no CSS file.
Go to the top of the page
 
+Quote Post
Damen
post Jul 18 2007, 04:27 AM
Post #7


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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.
Go to the top of the page
 
+Quote Post
Damen
post Jul 19 2007, 05:26 PM
Post #8


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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.
Go to the top of the page
 
+Quote Post
Damen
post Jul 22 2007, 10:01 PM
Post #9


Super Member
*********

Group: [HOSTED]
Posts: 247
Joined: 9-April 07
From: Nebraska
Member No.: 41,342



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