By Wyld on

I'm working on a site, and in essence, what I'm looking to do is to make it so content is scrolled under the "header" section of the Garland theme.

This would include sideblocks (if they're used) and core content.

I've been fiddling around .. but with no success as yet.

Has anyone got a solution I could trial, or perhaps, some pointers in the right direction?

Personally, I'd like to see something like this as an option for the theme proper, but lets get a solution first if possible :)

W

⋅ Categories: Drupal 5.x

Comments

wmostrey’s picture

wmostrey commented

Create one big div around everything you want to include in he section that's going to scroll:

<div style="scroll:auto">

</div>
Wyld’s picture

Wyld commented

Did try that at first, with no success.

The effect I'm after (although with a rather different look) is best demonstrated at http://www.cssplay.co.uk/layouts/frame.html

--
Wyld :: Weaving the Web since 1492

glyphman’s picture

glyphman commented

I think to make a scroll bar appear you must set a hieght for the div

glyphman’s picture

glyphman commented

do you use fire fox? if not you should get it and download the plugins for web developers. Your best bet to do somthing like on that page is to view it's css and html. Fire Fox has a button on thier 'web developer toolbar' called CSS, you click it and it has an optiong to 'view CSS', and just in case you don't know how to look at a pages html, simply click view>source or page source. Basically what you will have to do here is figure out how these guys made this happen, use what they did in thier CSS, and structure your page.tpl.php page like thier html. Accept of course customize it for your own page...Good luck!

Wyld’s picture

Wyld commented

What I think I'll do is grab a basic theme, and alter it to handle the new code.

Garland is sexy, but it's damn complex to alter.

I'll be stuck to the specifics of this design, but it's a good start. Once I've gotten it actually working, I'll release it as a generic theme with some generic graphics that can be altered easily enough to someone else's wishes.

If someone who has better CSS codefu than me, can alter Garland to include this as an option, that would make me (and I'm sure a lot of other people) very happy.

--
Wyld :: Weaving the Web since 1492

jarea’s picture

jarea commented

You have to constrain the size of the output

<div style="height:600px; overflow:scroll">
          <?php print $content ?>
       </div>