Hello and thank you for reading my post.
I am having a problem with the layout on a web site that I am working on. What I'm trying to do is have some absolutely position layers, such as a nav bar, banner, and a side nav bar, that don't move anywhere.
So, for example, the div tags for these 3 elements would have properties:
- position:absolute;
- left: ##px;
- top: ##px;
- width: ##px;
- height: ##px;
Then, I would like to have one main body element underneath all this which would have the background colour/image, but would also resize to fit in any layer(s) and their contents contained within it.
Example of this:
<div id="Body_Main">
<div id="content" style="position:relative;">Some content in here.</div>
</div>
I also want to be able to control the position of the content layer inside the Body_Main layer. Meaning I would like to tell the content layer to stay, for example, 50px from the left edge of the Body_Main layer.
What I was hoping for this to do is have the content layer and possibly one or two other layers inside this Body_Main layer and then if the content layer, for example, had a large amount of text in it, it would resize the Body_Main layer to fit the content layer inside still. This way the background would still follow the content. (I don't want to put a background in the content layer, that is why I want the Body_Main layer to resize to fit all the layers inside it.)
Is it even possible to do these things?
I hope I didn't over or under explain everything and that it's clear enough. Let me know if you can't understand what I'm asking and I will try to clarify.