Don't use the tables at all. If you simply use the <div></div>'s to enclose
it, it should be okay.


the situation is that a table won't automatically refresh itself (especially
IE).

  _____  

From: Jon Block [mailto:[EMAIL PROTECTED]
Sent: Tuesday, March 09, 2004 3:42 PM
To: CF-Talk
Subject: OT: CSS Question... is this possible?

I have a situation where I have a content display page that is quite long. I
want to split up the content into multiple pages. In other words, rather
than having a really really long page, I'd like to break it up and use
next/previous buttons for navigation.

Let's pretend that the following table is my HTML display code..

<table>
<tr>
<td>

</td>
</tr>
</table

The following is what should appear on pages 1 and on page 2

Page 1
------
This is an example.

Page 2
------
This is another example. In other words, this is the second page. This is
another example. In other words, this is the second page. This is another
example. In other words, this is the second page. This is another example.
In other words, this is the second page. This is another example. In other
words, this is the second page. This is another example. In other words,
this is the second page. This is another example. In other words, this is
the second page. This is another example. In other words, this is the second
page. This is another example. In other words, this is the second page.

Clearly, the content on page 2 is longer. That means that it would require
that the HTML table that the content is enclosed within needs to be longer.
Here's my question: I need to have the content and display code all live on
a single page. I'm going to use a link and a little bit of _javascript_ to
reload the page and <div> tags to mark off each page worth of content, and
then toggle the visibility property of the div to flip between pages...
something like this:

<table>
<tr>
<td>
<div id=page1>
This is an example.
</div>
<div id=page2>
This is another example. In other words, this is the second page. This
is another example. In other words, this is the second page. This is another
example. In other words, this is the second page. This is another example.
In other words, this is the second page. This is another example. In other
words, this is the second page. This is another example. In other words,
this is the second page. This is another example. In other words, this is
the second page. This is another example. In other words, this is the second
page. This is another example. In other words, this is the second page.
</div>
</td>
</tr>
</table>

Although I've got this working on a basic level, the real problem I'm having
is I don't know how to get the html table that surrounds the <div>'s to
adjust so that it is an appropriate height. For example, when I set the
visible of the second page to TRUE (and the first page to FALSE) and I look
at the web page, the content spills over the end of the HTML table. It's as
if I need to somehow inform the HTML table to expand itself so that it looks
like it integrates with the rest of the page.

One approach would obvioiusly be to simply set the base table to use a
really long "height" value so that its always longer than the content, but
that means that on my page #1, there would be a bunch of empty space below
the content and the bottom of the HTML table. Not good.

Well, I hope someone out there had the time to read this and understands CSS
well enough to steer me in the right direction...

Jon
  _____
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]

Reply via email to