Hi, I'm changing the design for a page and I have this problem:

I have a sidebar on the right and the rest (left) is the content area. This
content area has a right margin of 200 px, which is the width of the sidebar
(placed at margin-left: -200px;).
This works on Firefox and everything's ok up to here. Then I wanted to add a
white border (7px wide) on the left hand side of the page, and the right
hand side... but also between the contents and the sidebar.

This is the problem. Adding a border would add extra pixels in firefox (and
therefore mess around with box model), so I preffered to use a background
image of a white vertical line instead. If I place it as a background (left
repeat-y) of the sidebar it would end when the sidebar ends, obviously, and
that is a problem when the content is longer. But if I place it as a
background image (right repeat-y) of the content, then the problem comes
when the sidebar is longer. But also if what is written in the content div
is not very wide/long (you can see this when you clic on "contacte" for
instance).

Btw, the exterior white lines are backgrounds of a 'wrapper1' and a
'wrapper2' that wrap (jeje) both content and sidebar.

Any idea how to achieve this?? I'm LOST! :'(

Thanks in advance.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to