Re: [css-d] Need help with containers
On 1/7/07, Donna Pfledderer @ Virtual Business Connection
[EMAIL PROTECTED] wrote:
Is there away to have the containers enlarge when you add
content to it, but then push down a container below. LOL I'm
sure that didn't make sense.
But I have a page that is just 1 column, 3 rows. I want the
bottom row to move when the middle row enlarges. Can
this be done, if so, what am I doing wrong? In other words I
want them to stack on top of each other and the bottom
container to move when the middle container enlarges.
Also, I need the background to fill in.
http://www.distrips.net/index_dlp.html
http://www.distrips.net/CSS/style_imp_dlp.css
I have tried different combinations of code and this is the
last I tried.
Thanks for any help. I'm spinning my wheels and going no
were, but making a mess of things.
Donna
Hi Donna,
I hope I understood your request properly. DIVs will stack up on top
of each other without any explicit code, so all you really need to do
is go:
div id=container
div id=header
!-- Header stuff goes in here --
/div
div id=middle
!-- Middle stuff goes in here --
/div
div id=footer
!-- Footer stuff goes in here --
/div
/div
Then in the CSS you just need to go:
#container {
width: 740px;
margin: 0 auto;
}
As far as positioning goes, the DIVs will now line up how you expect
them to, one on top of the other.
--
Australian Web Designer – www.blakehaswell.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with containers
On 1/6/07, Blake [EMAIL PROTECTED] wrote: On 1/7/07, Donna Pfledderer @ Virtual Business Connection [EMAIL PROTECTED] wrote: Is there away to have the containers enlarge when you add content to it, but then push down a container below. LOL I'm sure that didn't make sense. Blake wrote: Hi Donna, I hope I understood your request properly. DIVs will stack up on top of each other without any explicit code, so all you really need to do is go: And I submit: Blake is correct, as long as the elements aren't absolutely positioned... which I see from your CSS they mostly are. Absolute positioning is good for making an element appear an a specific place on the page (relative to the edges of the page) but not a good method of making your elements be positioned relative to each other. If you want your layout to be more flexible, you will need to use other, more flexible methods of laying out the page, like floats, relative positioning, margins, etc. I hope that helps, Matt Ryan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
