Posted by mbstevens on 10/06/06 16:08

On Fri, 06 Oct 2006 08:45:57 -0700, silkmountain wrote:

> Thanks for your suggestions. Turns out all I needed to do was allot more
> space to the StoryArea (the StoryArea height was set to auto, and the
> image was messing up the page spacing). I will take all your suggestions,
> especially re: image maps and image resizing.

You probably would have found the problem yourself more quickly if you had
done some kind of rational indentation. This is just unreadable:

#storyArea { background-color: #fffbf0; visibility: visible; padding: 30px 20px 30px 240px; position: absolute; top: 90px; left: 50px; width: 360px; height: auto; z-index: 600; overflow: visible; min-height: 310px; }


What you want is something more along the lines of:

#storyArea {
background-color: #fffbf0;
visibility: visible;
padding: 30px 20px 30px 240px;
position: absolute;
top: 90px;
left: 50px;
width: 360px;
height:auto;
z-index: 600;
overflow: visible;
min-height: 310px;
}

I think people put everything on one line to avoid scrolling while doing
markup, but it will almost always backfire.

[Back to original message]