CSS Liquid Layout

HTML & CSS
1

I realized after I started the website http://www.aproapetot.ro/ that my fixed layout is too big for small monitors and I get the horizontal scroll. I saw on google that the best layout is the liquid.
On my website I have content, sidebar1, sidebar2 and I wanted liquid, fixed, fixed.
I tried but I still have that scroll on small monitors.
Please someone can help me to fix my css liquid?

2

On line 32 of your style sheet you have this:

#page-bg {
display: table;
table-layout: fixed;
border-spacing: 0;
[COLOR="#FF0000"]width: 1200px;[/COLOR]
padding: 0;
margin: 0 auto;
}

That width setting in red means you still have a fixed width design. Change it instead to max-width. E.g.

#page-bg {
display: table;
table-layout: fixed;
border-spacing: 0;
[COLOR="#0000FF"]max-width: 1200px;[/COLOR]
padding: 0;
margin: 0 auto;
}
3

Thank you Ralphn. I will change that css line to see how it looks like.