如何在调整浏览器窗口大小时修复所有元素

Question

我已经阅读了很多关于这个问题的答案，但仍然无法弄清楚当浏览器调整大小时如何阻止我的博客元素移动。我刚刚得到了一个新模板，但我的上一个模板没有这个问题。

我的网站是：shannondarko.co.uk

我不确定为您提供哪些代码段，但我认为可能是这部分内容？

<b:template-skin>
  <b:variable default='960px' name='content.width' type='length' value='1500px'/>
  <b:variable default='0' name='main.column.left.width' type='length'/>
  <b:variable default='310px' name='main.column.right.width' type='length' value='240px'/>

  <![CDATA[
  body {

    --min-width: $(content.width);

  }

  .content-outer, .content-fauxcolumn-outer, .region-inner {

    --min-width: $(content.width);

    max-width: 100%;

    _width: $(content.width);

  }

  .main-inner .columns {

    --padding-left: $(main.column.left.width);

    --padding-right: $(main.column.right.width);

  }

  .main-inner .fauxcolumn-center-outer {

    left: $(main.column.left.width);

    --right: $(main.column.right.width);

    /* IE6 does not respect left and right together */

    _width: expression(this.parentNode.offsetWidth -

        parseInt("$(main.column.left.width)") -

        parseInt("$(main.column.right.width)") + 'px');

  }

  .main-inner .fauxcolumn-left-outer {

    width: $(main.column.left.width);

  }

  .main-inner .fauxcolumn-right-outer {

    --width: $(main.column.right.width);

  }

  .main-inner .column-left-outer {

    width: $(main.column.left.width);

    right: 100%;

    margin-left: -$(main.column.left.width);

  }

  .main-inner .column-right-outer {

    --width: $(main.column.right.width);

    --margin-right: -$(main.column.right.width);

  }


  #layout {
    min-width: 0;
  }

  #layout .content-outer {
    min-width: 0;
    width: 800px;
  }

  #layout .region-inner {
    min-width: 0;
    width: auto;
</b:template-skin>

如果您能提供帮助，请提前致谢！