I have a webpage and in my html the container holds the sidebars and the content2 I have put a 3columnX8row table instead of a million <div>s I was wondering how I could make the data cells scroll vertically in my css intead of a million <div>s. well actually 12 <div>s.
this may look crazy, but I'm just learning
#container {
font-family: Arial, Helvetica, Verdana, Sans-serif;
float: right;
width: 640px;
margin: 0 auto;
}
#sidebar-a {
float: right;
width: 120px;
line-height: 18px;
border-left: 1px solid #efefef;
}
#sidebar-a .padding, #sidebar-b .padding, #sidebar-c .padding {
padding: 0;
}
#sidebar-b, #sidebar-c {
clear: right;
float: right;
width: 120px;
line-height: 18px;
border-left: 1px solid #efefef;
}
#content2 {
float: left;
width: 507px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
#content2 caption {
font-size: 24px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
}
table {
height: auto;
border: collapse;
width: auto;
}
td {
width: 33%;
text-align: center;
border: collapse;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
Might look a little nutty Don't need the answer written out just would like to pointed in the right direction, Thanks
Last edited by Dsiembab; Apr 17th, 2007 at 2:54 am. Reason: was confusing and maybe still is
Re: css div's and tables table cells and scrolling
Give the table cell you want to scroll an id, then give it a fixed height, and set overlfow to scroll. Should look something like this:
td#id {
height: 400px;
overflow: scroll;
}
I would also like to coment, that when using div's for layout I rarely use more than 5 or 6. I'm not sure why you think you have to have as many as you believe you do.
Re: css div's and tables table cells and scrolling
Thanks for the reply, appreciate it, I was wondering though if I could set this class to all my td's using the min-height and the max-hieght and the overflow auto? right now my page has 8 <div>s I thought i had to use so many div's for the layout. Thanks again, dave
Thanks for the reply, appreciate it, I was wondering though if I could set this class to all my td's using the min-height and the max-hieght and the overflow auto? right now my page has 8 <div>s I thought i had to use so many div's for the layout. Thanks again, dave
Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.
This thread is more than three months old
No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Previous Thread in HTML and CSS Forum Timeline:arrays & images
Marked Solved 
