forcing horizontal div scrolling

K

King of Red Lions

Hi, i have a blog and every new post appears in a <td> within a table.
This table is contained within a <div> and I was wondering if there was
anyway of forcing the <div> to scroll side horizontaly! This would help
as my blog displays the 8 newest posts. Many thanks in advance!
 
R

Richard Quick

King of Red Lions said:
Hi, i have a blog and every new post appears in a <td> within a table.
This table is contained within a <div> and I was wondering if there was
anyway of forcing the <div> to scroll side horizontaly! This would help
as my blog displays the 8 newest posts. Many thanks in advance!

You can us CSS to achieve (more or less) what you are after.

First you need to give your div a class

<div class="scroller"><table> ........ </table></div>

Then in the head have the following code:

<style type="text/css"><!--

div.scroller {
height: 75px;
width: 200px;
overflow: auto;
}

div.scroller table {
height: 55px;
margin: 0;
}

//--></style>


The dimensions of the div will be fixed at 75x200px. If the table is larger
than that the div will sroll in which ever direction it needs to.

If the table (plus scroll bar) is less high than the div, but wider then it
will scroll horizontally.

I've made the height of the table small enough to allow for the scroll bar.

Hope this helps.
 
L

Leonard Blaisdell

King of Red Lions said:
Hi, i have a blog and every new post appears in a <td> within a table.
This table is contained within a <div> and I was wondering if there was
anyway of forcing the <div> to scroll side horizontaly! This would help
as my blog displays the 8 newest posts. Many thanks in advance!

I was always taught that horizontal scrolling == 'bad'. I believed it
when I surfed the net at 640x480 until a couple of months ago. Now I
think that tables == 'bad' with my much higher resolution and most
tables fixed to a resolution much smaller. Can't you dump the table
layout and go for any-size-design? I realize that most Perl and PHP
books love to show you how to dump vars in a table cell. But it doesn't
need to be that way.

leo
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top