Member Avatar for gruebz

Hi,

I was wondering if someone could help me or send me in the right directions to get started.

Lets say i had a basic 3x3 table in dreamweaver. If I wanted to make it so that one of those table cells had a scroll bar so that the content in that cell would scroll down. I think I could probably do this using frames instead of a table but I was really trying to stay away from using frames.

I hope this makes sense. Any help would be much appreciated.

  • 2 Contributors
  • 2 Replies
  • 96 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by gruebz

Dani AI

Generated

asked how to make one cell of a 3x3 Dreamweaver table scrollable without using frames. pointed toward using CSS for that, which is the right direction. The most reliable pattern is to wrap the cell content in a block-level container and give that container a constrained height so the browser can provide a scrollbar for it. Applying the scroll behavior to an inner element is more predictable across browsers than styling the TD itself, and Dreamweaver can insert the wrapper and assign a class via the Properties panel.

Use a small wrapper inside the table cell and style it with a fixed or maximum height and a vertical-overflow rule. This keeps layout stable and confines the scrolling to that cell only.

<td>
  <div class="scrollbox">
    <!-- long content -->
  </div>
</td>

.scrollbox {
  max-height: 200px;
  overflow-y: auto;
}

Troubleshooting tips: if no scroll appears, confirm the wrapper actually has a height (or max-height) and test with a standards DOCTYPE (quirks mode can change behavior). Very old IE versions needed layout triggers for overflow to work; if supporting legacy browsers, check vendor notes. Avoid nesting many scrollable regions (accessibility and usability issue) and consider making the container keyboard-focusable if users must scroll with the keyboard. For details on how overflow works and cross-browser behavior, see the CSS overflow reference on MDN and the W3C visual formatting docs: MDN: overflow and W3C: overflow in CSS2.

Recommended Answers

All 2 Replies

Member Avatar for FC Jamison

Use the css style overflow: scroll

Member Avatar for gruebz

Thanks very much for your help

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.