|
|
Posted by Ian Shortman on 07/04/06 10:53
Yes - but when I do that the sidebar ends up below the content:
Header - FooBar
Content
Foo
Bar
Baz
Sidebar
All the
way
down
here
Jonathan N. Little wrote:
> Ian Shortman wrote:
> > I have a div called 'utility' with produces an absolute positioned
> > sidebar on my website. However, if the content is shorter than the
> > length of this sidebar - it overhangs the footer. By this I mean the
> > long length seems to not shift where the end of the content is
> > interpretted at. (An example can be seen on my site:
> > http://brokenbulb.co.uk/blog/1). I have tried to enclose this absolute
> > div within an relitive div content wrap ('wrap') - however this seems
> > to have had no effect.
>
> Of course it wouldn't, absolute positioned elements are not flowed with
> the page, See:
>
> http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning
>
> I have also added the clear tag to a blank div
> > below all the content (<div style="clear:both;"></div>), and this also
> > seems to have failed to work.
>
> Clear works with floats not absolute positioning. Float left your
> sidebar then clear left on your footer would achieve what your desire.
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIO
> http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|