So, I've been fixing something on my new design. It's a way of scrolling horizontally and vertically.
#box
{
width:900px;
height:600px;
overflow-y:hidden;
overflow-x:auto;
margin: auto;
}
#content
{
width:5400px;
}
.post
{
width:900px;
height: 600px;
float:left;
overflow-y: scroll;
}
This is the CSS and the divs are setup like this:
<div id="box">
<div id="content">
<div id="post-<?php the_ID() ?>" class="<?php sandbox_post_class() ?>">
</div><!-- post -->
</div><!-- content -->
</div><!-- box -->
So this works on more or less all the browser I've tested. However, opening a page is a bit more tricky.. the box width apperantly applies to the pages, although the post width is 900px..
Is it possible to add another class to a div, so it got two classes?
Any clues?