<!DOCTYPE and style="overflow:'scroll';" not working together

Forum Moderators: not2easy

Message Too Old, No Replies

<!DOCTYPE and style="overflow:'scroll';" not working together

dparham

5:09 am on Nov 12, 2007 (gmt 0)

greetings - pretty simple prob, but i hope i can be clear:

using <!DOCTYPE... at start of file AND in a <DIV style="overflow:'scroll';">... feature, the scroll does not work.

without the <!DOCTYPE... at all, the overflow scroll works just fine.

PLEASE HELP - much appreciated! [tried multiple doctype stmts already, as well as limiting the stmt to only <!DOCTYPE> - only the removal of <!DOCTYPE> enables the autoscroll to work, yet THEN the subsequent stylesheets do not work...]

FYI: code:

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

.....

<DIV id="RecentResults" style="display='block'; background-image:url(images/7251b.jpg); width:'552px'; height:'317px'; overflow:'scroll';">
blah blah yadda yadda yakkity yak<br>
.....
</div>

lavazza

5:36 am on Nov 12, 2007 (gmt 0)

One of the pitfalls of using Inline Styles is that there aren't any (that I know of) online CSS validators

Have a look at w3schools.com/css/css_howto.asp [w3schools.com] and consider using an 'Internal Style Sheet' (which you can copy and paste into a validator) or an 'External Style Sheet' - a file you can upload to an online validator [jigsaw.w3.org]

-------------------------

As for the bugs in your code:

Those single-quotes (apostrophes) are definitely superfluous, possibly erroneous

AND

use a colon instead of an equals sign

Instead of:
<DIV id="RecentResults" style="display='block'; background-image:url(images/7251b.jpg); width:'552px'; height:'317px'; overflow:'scroll';">
Try
<DIV id="RecentResults" style="display:block; background-image:url(images/7251b.jpg); width:552px; height:317px; overflow:scroll;">

dparham

7:41 pm on Nov 12, 2007 (gmt 0)

lavazza - i stand [corrected] with mouth agape!
your observations helped immensely. i do not know what possessed me to not see that simple type-o, i think the = did it. wow is all i can say, thx very much:)