Home/ Questions/Q 7563953
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T13:47:41+00:00

I have implemented liquid layout for my website. I have set width of body

  • 0

I have implemented liquid layout for my website. I have set width of body tag to 100%.

<html>
<head>
</head>

<body>
    <div id="container">
        some content
    </div>
</body>


body
{
   margin: 0;
   padding: 0;
   width: 100%;
}

For some pages vertical scrollbar is displayed. Because of which body tag width reduces by 16px. I need to set body width in such a way that display of scrollbar doesn’t affect it.
I have tried following but it didn’t work with FF9. :

 body{
    width: -moz-calc(100% - 16px);
}

Can any body suggest a way to achieve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    One way to work around this is to make sure scroll bars are always present. You can then style your pages with confidence that they’re not going to shift left and right.

    html,body
{
 height:101%;
}

    You can also do:

    html {
       overflow-y: scroll;
}

    (I don’t think the overflow method works with Opera though)

    • 0