A very old presentation from 2005 on Liquid layouts using CSS - some of the common issues and solutions.

1. liquid layouts using
CSS
the joy, the pain, the tears

2. designing liquid layouts is
hard
work

4. things move

5. things break

6. things stretch

7. things squash

8. gaps appear

9. elements poke out

10. layouts collapse

11. colors don’t extend

12. columns disappear

13. funny indents

14. It is my professional opinion that
now is the perfect time to
panic

16. stop whinging and
give us some
solutions

17. Content can be
made to slide
around, over or
under other
elements

18. Navigation can be designed so
line breaks are not an issue

19. Gutters can be set to
percentages to avoid
long lines of text

20. Min-width can
be used to
stop column
collapse

21. Pages can be
laid out to
allow for
collapse

22. Funny indents such as the three
pixel text jog can be solved
The IE Three pixel text-jog

23. extras img
{ CSS can be
width: 100%;
max-width: 250px; used to scale
}
form elements
input#email
{
and images
width: 100%;
max-width: 200px;
}

24. Users can be given layout options

25. CSS/Javascript can be used to
change layout

26. Background #container
{
images can be background: #fff
url(images/back01.gif)
used to add repeat-y 50% 0;
column color }
#container2
{
background:
url(images/back02.gif)
repeat-y 80% 0;
}

27. Go forth and
mutilate