Базовый шаблон сетки YUI CSS: получить ширину + поле для правой сетки (yui-ge) с помощью jQuery

Question

У меня есть этот базовый шаблон сетки на моем сайте:

<style type='text/css'>
  #doc3 { margin:auto; }
</style>

<div id="doc3">
  <div id="bd">
    <div class="yui-ge">
      <div class="yui-u first" id="main">
        Main content here
      </div>
      <div class="yui-u" id="right_cont">
        right content here
      </div>
    </div>
  </div>
</div>

Эта настройка дает мне это:

альтернативный текст http://horgenweb.org/temp/yui_jquery_width.jpg

Я пытаюсь получить ширину правого div + ширину левого поля jQuery.

$('#right_cont').width() 

Дает мне ширину коробки всего 325 пикселей. Кто-нибудь знает, как это сделать?

Answer 1

Используйте externalWidth () и передайте истинное значение в качестве аргумента, чтобы оно включало поле.

$("#right_cont").outerWidth(true);

Страница документов: http://api.jquery.com/outerWidth/

Answer 2

Чтобы ответить на мой вопрос:

/* Right content width + margin */
$right_content_width = $(window).width() - $('#main').width();

Есть ли лучший способ? о_О