Reuben D. Budiardja wrote: > I am trying to implement some simple design which basically > have: "header", "content", "footer". They are one after another so I use div > for each of them with relative positioning. Inside the "content" I want to > have more flexibility so there I have several <div> elements with absolute > positioning. The problem is that the height of "content" does not expand with > the elements inside it. Therefore, "footer" which follow right > after "content" lies overlappingly with the elements of "content". > > The page below is the basic example of my problem: > http://www.budiardja.org/tmp/css_test.html > and its css: > http://www.budiardja.org/tmp/style.css > I put in solid border so that it's easier to identify the elements. >
Hi Reuben, As Georg, explained, absolute positioned elements are removed from the flow. This is why absolute positioning is not a good way to create columnar layouts. Floating is the standard method. I suggest you learn float theory solidly and reconstruct your layout using floats. Here's a basic article on the subject: http://www.communitymx.com/abstract.cfm?cid=F41AE Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ 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/
