У меня есть эта тестовая страница [отредактирована плакатом после ответа на вопрос], и что-то в источнике HTML испортило это, чтобы правый столбец помещался под левая колонка.Не удается найти закрывающий тег div, который испортил страницу
Я продолжаю смотреть на него в firebug, но не могу найти место, где проблема HTML. Любая идея, что приводит к тому, что эта страница помещает правый столбец ниже левого столбца?
Спасибо!
Я могу сказать вам тег, который не закрыт должным образом является
<div style="float:left; width: 700px;">...yourcontent...</div>
я могу сказать, потому что футер оказаться в ловушке своих.
Так же, как предложение, я бы второй, что @Wouter J сказал ранее. Вы должны определить класс для 99% всех встроенных стилей. Я RARELY использую встроенные стили. Проблема заключается в том, что, когда вы решили изменить небольшой внешний вид, вы можете играть в игру ctrl + F в течение нескольких часов. Если бы я был вами, каждый основной раздел (скажем, этот), я бы сделал специальный тег ID. Таким образом, ваш css будет выглядеть '# main-content {float: left; width: 700px} ', тогда ваш тег может выглядеть как'
Пользовательские теги могут быть выполнены следующим образом: # main-content .title {font-size: 16px} ', а затем ваше боковое содержимое' # side-content .title {font-size: 12px} ' – Michael
Я не гений, но был комментарий в источнике, который сказал:
<!-- Here you need a closing div tag and the right menu goes up. -->
Вы можете попробовать поставить его там.
Вы просто неправильно разместили коробку. Вы должны поместить DIV, который должен плавать справа (правое меню с жертвуете и прочее) прямо под
<div id="layout" class="yui-t6 content">
вам необходимо поместить правильный бар DIV вне первую DIV из родительского #layout DIV
<div id="layout">
<div style="float:left;"></div>
<div>YOUR RIGHT BAR DIV</div>
</div>
Можете ли вы описать правильную планировку? «Правая колонка» не очень описательна. –
Вы используете очень плохой HTML и CSS: встроенный CSS должен быть помещен в таблицу стилей;