Hi Georg
Thank you so much for the heads up I really appreciate it.
I did a search on your first solution and this is what I have done to
fix problem.
I didn't work out how what you meant about "contain floats" methods to
make their parent-element expand to contain them".
I understand the concept but them got confused by what to do.
Thanks again for your help
#container {
position: relative;
width: 780px;
background: #fcfcfc;
margin: 0 auto; /* the auto margins (in conjunction with a width)
center the page */
border: 1px solid #000000;
text-align: left;
height: auto;
}
#sidebar1 {
width: 150px; /* the background color will be displayed for the
length of the content in the column, but no further */
padding: 15px 20px 15px 15px;
clear: none;
float: left;
display: inline-block;
position: relative;
border-right: 1px dotted #fde74a;
#sidebar2 {
width: 158px; /* the background color will be displayed for the
length of the content in the column, but no further */
padding: 20px 10px 0px 15px;
clear: right;
float: right;
display: inline-block;
border-left: 1px dotted #fde74a;
border-bottom: 1px dotted #fde74a;
height: auto;
background-color: #95BAE8;
}
Gav
On 29/09/2008, at 6:07 PM, Gunlaug Sørtun wrote:
> Gavan Bright wrote:
>
>> I have this site http://gavanbright.com/survey/ which I am trying
>> to work out why the left hand div tag is overlapping the container
>> and does not sit inside the container.
>
> Nothing to do with box model.
>
> Absolute positioned elements "live their own life" in that they do not
> take up any area, and the height of #sidebar1 and #sidebar2 will
> therefore have no effect on the height of their parent-element.
>
> Advice you change styling from 'A:P' to 'left/right floats' for those
> two side-elements, and look for "contain floats" methods to make their
> parent-element expand to contain them.
>
> regards
> Georg
> --
> http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
