Базовый шаблон сетки 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

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

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

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

Answer 2

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

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

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