- How can I tackle this problem?

Question

Here's what I'm trying to do :
- Vertically center a table
- Add gradients above and below the table (1px wide,
repeating x-axis)
- At the end of these gradients, display opaque color (of the
same color as
the last pixel in the gradient)
- The gradients must be aligned with the table in the middle
- The center table must be the only foreground element
creating scrollbars
(if screen resolution allows for center table but not all
gradients,
gradients are cut off - sans scrollbars).
In other words, try to picture a kind of "glow" effect above
and below the
center table, that segues into opaque colors that differ on
top and on
bottom (so a background color in the body is not possible).
Here is as close as I was able to do it :
- 3 row table : gradient on 1st row bottom-justified, content
table on 2nd
row, gradient on 3rd row (top-justified)
- body bg = same color as last pixel on bottom gradient
Downsides of this method :
- Gradients are included in foreground space (create
scrollbars)
- Vertical centering of main content table is an illusion
(not true
centering, since top gradient area will always be same
height)
Using CSS and HTML only... is it possible to vertically
center a content
table, and have 2 different gradients at top and bottom that
fade into a
solid color to adapt to ALL screen resolutions, with only the
main content
table counting as scrollable content?

Answer 1

Well, there was a lot more to the problem than just that...
but thanks
anyway. :)
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> To vertically center the table, read this -
>
>
http://www.apptools.com/examples/tableheight.php
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Reese" <[email protected]> wrote in message
> news:[email protected]...
>> Here's what I'm trying to do :
>>
>> - Vertically center a table
>> - Add gradients above and below the table (1px wide,
repeating x-axis)
>> - At the end of these gradients, display opaque
color (of the same color
>> as the last pixel in the gradient)
>> - The gradients must be aligned with the table in
the middle
>> - The center table must be the only foreground
element creating
>> scrollbars (if screen resolution allows for center
table but not all
>> gradients, gradients are cut off - sans scrollbars).
>>
>> In other words, try to picture a kind of "glow"
effect above and below
>> the center table, that segues into opaque colors
that differ on top and
>> on bottom (so a background color in the body is not
possible).
>>
>> Here is as close as I was able to do it :
>>
>> - 3 row table : gradient on 1st row
bottom-justified, content table on
>> 2nd row, gradient on 3rd row (top-justified)
>> - body bg = same color as last pixel on bottom
gradient
>>
>> Downsides of this method :
>> - Gradients are included in foreground space (create
scrollbars)
>> - Vertical centering of main content table is an
illusion (not true
>> centering, since top gradient area will always be
same height)
>>
>> Using CSS and HTML only... is it possible to
vertically center a content
>> table, and have 2 different gradients at top and
bottom that fade into a
>> solid color to adapt to ALL screen resolutions, with
only the main
>> content table counting as scrollable content?
>>
>
>