[thelist] re:RE: scrollable content problems, especially inNetscape.

Jeff Howden jeff at jeffhowden.com
Sun Oct 5 13:47:28 CDT 2003


lisa,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: Bird
>
> [...] I don't have the time to justify why I want to
> add scrollable content to my family site [...]
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

not once did i say to not add scrollable content.  i simply take issue with
making it scrollable through the use of dhtml.  i also offered a suggestion
on a better way to make it scrollable.  in case you missed it or you need
example code, here's something to start with:

<style type="text/css">
  #container {
    width: 330px;
    height: 195px;
    border: 1px solid #000000;
    overflow: auto;
  }

  #container p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    color: #ffffff;
  }
</style>

<div id="container">
  <p>September 28th 2003</p>
  <p>Well, it's the end of September again, which can only mean two things,
Frosty's birthday and the fact that the website has shamefully not been
updated again for a fair few months!</p>
  <p>I must admit i had been putting it off because the site needed a bit of
a revamp and that always takes so much longer. Anyhow, here is the new front
page and i have also added a new section for Joe. Thought it would be best
to give Joe his own page otherwise the photo section is nearly all about
him! You can then catch up on what Joe is up to and also meet some of his
mates.</p>
  <p>The photo section is quite large seen as i let it all get a bit backed
up, so head on over there to see pics of our trip to England, trip to
Bangkok and the recent visitors to Singapore.</p>
  <p>Birdie</p>
</div>

now, like i said in a previous reply, if you don't like the normal scrollbar
then you can use some non-standard css properties to color it to blend in
alittle with the rest of your page.

a couple of comments about your code.  please take this as a learning
experience and not a personal attack.  if i went through the test page in
more detail i'd find a bunch more things to comment on, but i'll keep the
comments related to only the scrollable content area.

1) avoid the use of tags like <layer> and <ilayer>.
2) avoid throwing a class on a bunch of tags in order
   to get the same css applied to them all.  most likely
   all those tags are within a single container with a
   class or id (see my changes above).
3) do not use &nbsp; as the only content for a
   paragraph in order to get spacing between content
   paragraphs.  If you're not happy with the *default*
   margins of a paragraph then use css to get the spacing
   you want.

good luck,

.jeff

------------------------------------------------------
Jeff Howden - Web Application Specialist
Resume - http://jeffhowden.com/about/resume/
Code Library - http://evolt.jeffhowden.com/jeff/code/



More information about the thelist mailing list