Всем доброго времени суток, столкнулся с проблемой. Понимаю что решаться она должна просто, но все же: При вставке блока комментов соц сетей, пропадает правая боковая ячейка (сайт сделан при помощи <table>). Сам блок: <br><h3><font size="5">Ваши комментарии:</font></h3> <section class="tabscomment"> <input id="tab_2" type="radio" name="tab" checked="checked" /> <input id="tab_3" type="radio" name="tab" /> <input id="tab_4" type="radio" name="tab" /> <label for="tab_2" id="tab_l2">Вконтанте</label> <label for="tab_3" id="tab_l3">Facebook</label> <label for="tab_4" id="tab_l4">Google+</label> <div style="clear:both"></div> <div class="tabs_cont"><div id="tab_c2"> <div align="left"><img src="http://howmakeit.ru/img/vk_comm.jpg" border="0" width="580" height="35"></div> <div id="vk_comments"></div> <script type="text/javascript">VK.init({apiId: 4729083, onlyWidgets: true});</script> <script type="text/javascript">VK.Widgets.Comments("vk_comments", {limit: 10, width: "580", attach: "*"});</script> </div><div id="tab_c3"> <div align="left"><img src="http://howmakeit.ru/img/fb_comm.jpg" border="0" width="580" height="35"></div> <a rel="nofollow" class="fb-mod" target="_blank" href="https://developers.facebook.com/tools/comments?id=541042475998202">Интерфейс модератора</a> <div class="fb-comments" data-href="http://homeuyt.ru" data-width="580" data-numposts="10" data-colorscheme="light"></div></div><div id="tab_c4"><div align="left"><img src="http://howmakeit.ru/img/gp_comm.jpg" border="0" width="580" height="35"></div><script src="https://apis.google.com/js/plusone.js"></script><div class="g-comments" data-href="<?php the_permalink(); ?>" data-width="580" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD"></div> </div></div></section>CSS к блоку (soc.css: .tabscomment {position:relative;margin:40px 0;} /* width:600px;*/ .tabscomment label {display:block;float:left;font-family: Verdana;font-weight: bold;background:#f5f5dc; /* Цвет фона кнопок */border-radius:6px 6px 0 0; /* Радиус закругления кнопок */color:#5d7fa3;cursor:pointer; /* Вид курсора при наведении на кнопки */position:relative;top: 2px;/* Высота подъема кнопки при наведении курсора */padding:5px 0;width:100px; /* Длинна кнопок */margin:0 5px 0 0; /* Отступы от кнопок */text-align:center;z-index:1;}.tabscomment input {position:absolute;left:-9999px;} .tabscomment label:hover {font-family:Verdana;font-weight:bold;background:#E7E1DD;top:0;-webkit-transition: all 0.2s ease-in-out;} #tab_1:checked ~ #tab_l1, #tab_2:checked ~ #tab_l2, #tab_3:checked ~ #tab_l3,#tab_4:checked ~ #tab_l4 {font-family:Verdana;font-weight:bold;background:#5d7fa3;color:#fffffe;top:0px;} .tabs_cont {background:#f7f7f7;border-radius:0 6px 6px 6px;padding:10px 15px;position:relative;z-index:2;} .tabs_cont > div {position:absolute;left:-9999px;top:0;opacity:0;opacity .45s ease-in-out;} #tab_1:checked ~ .tabs_cont #tab_c1, #tab_2:checked ~ .tabs_cont #tab_c2,#tab_3:checked ~ .tabs_cont #tab_c3,#tab_4:checked ~ .tabs_cont #tab_c4 {position:static;left:0;opacity:1;} .comments-title {background:#577aa2;font-family:verdana;font-weight:bold;color:#fffffe;padding:5px;border-radius:10px 0 10px 0;} .fb-mod {font-face:verdana;color:#5d7fa3;font-size:8pt;}a { outline: none; color: #5d7fa3;}a:hover { color: #dae2e8;}PHP к блоку: <div id="comments" class="comments-area"><?php if ( have_comments() ) : ?> <h2 class="comments-title"> <?php printf( _n( 'One thought on “%2$s”', '%1$s thoughts on “%2$s”', get_comments_number(), 'twentytwelve' ), number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' ); ?> </h2> <ol class="commentlist"> <?php wp_list_comments( array( 'callback' => 'twentytwelve_comment', 'style' => 'ol' ) ); ?> </ol><!-- .commentlist --> <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> <nav id="comment-nav-below" class="navigation" role="navigation"> <h1 class="assistive-text section-heading"><?php _e( 'Comment navigation', 'twentytwelve' ); ?></h1> <div class="nav-previous"><?php previous_comments_link( __( '← Older Comments', 'twentytwelve' ) ); ?></div> <div class="nav-next"><?php next_comments_link( __( 'Newer Comments →', 'twentytwelve' ) ); ?></div> </nav> <?php endif; // check for comment navigation ?> <?php /* If there are no comments and comments are closed, let's leave a note. * But we only want the note on posts and pages that had comments in the first place. */ if ( ! comments_open() && get_comments_number() ) : ?> <p class="nocomments"><?php _e( 'Comments are closed.' , 'twentytwelve' ); ?></p> <?php endif; ?> <?php endif; // have_comments() ?> <?php comment_form(); ?> </div>Сама страница - http://homeuyt.ru Прошу помощи более развитых в данном вопросе. PS: сайт без движка.
