I’ve a fixed width 3 columns css layout working good when vertical scrollbar is hidden, but it will break as soon as vertical scrollbar shows up.
I’ve 2 questions,
-
Can I deal with the scrollbar as an css element defining z-index to make it in top of right div?
-
Since I think the answer to my first question is “No, you can’t do that”, I ask What can I do to avoid this?
example here:
Would this solution work for you? One of the columns is fluid but perhaps it will help: http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
The solution is there for a layout that looks like this:
It’s trivial to exit the pixel values but take note of the “nested div structure”. To convert this to a fixed layout you can look at http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width – I’m not sure that it will work though – you may run into the same problem. I suggested the liquid layout because it will dynamically resize for you when the scrollbar is there…