|
|
|
|
![]() ![]() |
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
|
|
|
|
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: [MODERATOR] Posts: 3,880 Joined: 24-July 05 From: In Trouble Again... still? Member No.: 9,787 ![]() |
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. |
|
|
|
Jul 18 2007, 02:17 AM
Post
#3
|
|
|
Super Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: [HOSTED] Posts: 247 Joined: 9-April 07 From: Nebraska Member No.: 41,342 |
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 |
|
|
|
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 |
|
|
|
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,
|
|
|
|
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: [MODERATOR] Posts: 3,880 Joined: 24-July 05 From: In Trouble Again... still? Member No.: 9,787 ![]() |
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. |
|
|
|
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. |
|
|
|
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. |
|
|
|
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.
|