Problem with overflow

ikilledsanta · 06-02-2007, 01:29 AM

I have a div that gets changed frequently using JavaScript. The script is working perfectly, but for some reason when I add pictures to the div that are larger than the div itself, it completely ignores the overflow property.

Here is the styling for the div:

Code:

#mainsec {
height:100%;
width:90%;
text-align:center;
overflow:auto;
}

It's inside another div, if that has anything to do with anything.

koyama · 06-02-2007, 03:45 AM

Quote:

Originally Posted by ikilledsanta

I have a div that gets changed frequently using JavaScript. The script is working perfectly, but for some reason when I add pictures to the div that are larger than the div itself, it completely ignores the overflow property.

Hmm... What browser is this happening in? Do you have a link?

ikilledsanta · 06-04-2007, 08:08 AM

Quote:

Originally Posted by koyama

Hmm... What browser is this happening in? Do you have a link?

Firefox. IE does the same thing, though.

I'm making this on my computer, it's not on a server, although I can upload it, since it's only 1 file.

Here it is:
http://ikilledsanta.tripod.com/indextest.html

You can tell that it's not done yet.

This is going to be the Firefox version, so don't even worry about IE.

Arbitrator · 06-04-2007, 05:09 PM

I would start by adding a document type declaration to the top of your document to get it out of quirks mode:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Afterward, I would validate your document using the W3C and/or Validome validators to ensure that it’s correct.

ikilledsanta · 06-10-2007, 07:56 PM

Well I took it out of the table and it worked. Thanks for the help!