[thelist] Some CSS problems

Lachlan Cannon tiedefenderdelta6 at yahoo.com
Tue Jan 8 22:31:17 CST 2002


> Try this tutorial page. He seems to cover the basic
> combinations, and has
> specific workarounds for (i forget which version of) IE.
> 
>
<http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html>
 Thanks, this is where I got some basic inspiration from,
however this is a more precise problem, not covered there.
The layout is essentially like this:

   ----[background logo]
  _____  _______________
  |Menu| | Main stuff   |
  |    | |              |
  |    | |              |
  |    | |              |
  |    | |              |
  -----   --------------

With all the columns fitting just onto the screen,
controlled by margins. I want the layout to remian exactly
like that all the time, without scrolling the browser
window. This keeps the menu for instance always there, even
in the browsers that don't support position: fixed;. To get
this to work, I want the divs to scroll if the content
won't all fit on screen, via overflow: auto;. However,
since no heighht has been set, because the margins figure
it out automatically (at least, I'm pretty sure this is
why), it merely makes the divs larger (off the screen),
instead of making them scrollable.

Is this explanation better than last time?

<tip type="alternative to dhtml scrolling"
author="Lachlan">
Got a client (or want yourself) who wants a dhtml scroller
on their page? Rather than building something which
requires at least three different versions to work in all
the major browsers, because of DOM differences, why not use
CSS overflow: auto; with a width and height specified on a
div. You only need the one rule to get it to work, and
browsers that don't understand the css will simply lenghtne
the div out to show the whole contents. Perfect backwards
compatibility!
</tip>

=====
-------------------------------------------------------
"Have you ever attempted to be yourself, when everybody wants you to be someone else." - Powderfinger's Up & Down & Back Again
-------------------------------------------------------

__________________________________________________
Do You Yahoo!?
Send FREE video emails in Yahoo! Mail!
http://promo.yahoo.com/videomail/




More information about the thelist mailing list