Jump to content
xisto Community
Sign in to follow this  
Followers 0
Damen

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

By Damen, in Websites and Web Designing

Recommended Posts

Damen    0

Damen
Posted

I recently made a website for a friend.

http://forums.xisto.com/no_longer_exists/

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.

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

Share this post

Link to post
Share on other sites

jlhaslip    4

jlhaslip
Posted

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. :D

Share this post

Link to post
Share on other sites

Damen    0

Damen
Posted (edited)

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://forums.xisto.com/no_longer_exists/

That is the live link.

When I say not stretching I mean height.

Take a look at what I mean.
Edited by Damen (see edit history)

Share this post

Link to post
Share on other sites

Tramposch    1

Tramposch
Posted

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, :D

Share this post

Link to post
Share on other sites

jlhaslip    4

jlhaslip
Posted

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

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. :D

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

Share this post

Link to post
Share on other sites

Damen    0

Damen
Posted

Well to start fresh.

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

I have uploaded it here also with no redirection.

http://forums.xisto.com/no_longer_exists/

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.

Share this post

Link to post
Share on other sites

Damen    0

Damen
Posted

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.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept