Complicated CSS layout

Hey,

I am sitting here for hours and can't figure out how to solve following
problem (and I really don't want to use tables anymore - or are tables the
better approach?)

I have several nested layers who all have rounded corners.
I've made a drawing here: http://www.unitspectra.com/layer.gif

Layer A should always be 100% wide.
Layer B should always be say 98% wide
Layer C should always be say 120px wide and
Layer D should use the rest of the available space (using margin-right
etc.)

What I can't make work is, that if layer D gets really large (by adding
text), layer B grows with it. Same counts for layer C - they should
never be able to become bigger than layer B.
I hope my problem is clear. Basically I am looking for a way to have
several nested layers with rounded corners (therefor 9 layers in one).
So say in layer D there could be another layer - layer E - with rounded
borders and so on.
Does anyone have an idea on how to solve this problem? I would be
really happy if anyone has some ideas on how to approach this layout
question.
Best wishes,

Nikolai

When you say "Layer" do you mean absolutely positioned <div>?

Starting with layers to do a table-less layout (or any layout, for that
matter) is a big mistake in my opinion. The problem with layers is that
they are removed from the normal flow - therefore they cannot interact with
any other page elements.

I think you are going to have to reconsider your approach....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(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
==================


"NikolaiO" <webforumsuser (AT) macromedia (DOT) com> wrote

Hey,

I am sitting here for hours and can't figure out how to solve following
problem (and I really don't want to use tables anymore - or are tables the
better approach?)

I have several nested layers who all have rounded corners.
I've made a drawing here: http://www.unitspectra.com/layer.gif

Layer A should always be 100% wide.
Layer B should always be say 98% wide
Layer C should always be say 120px wide and
Layer D should use the rest of the available space (using margin-right
etc.)

What I can't make work is, that if layer D gets really large (by adding
text), layer B grows with it. Same counts for layer C - they should
never be able to become bigger than layer B.
I hope my problem is clear. Basically I am looking for a way to have
several nested layers with rounded corners (therefor 9 layers in one).
So say in layer D there could be another layer - layer E - with rounded
borders and so on.
Does anyone have an idea on how to solve this problem? I would be
really happy if anyone has some ideas on how to approach this layout
question.
Best wishes,

Nikolai