Как я могу исправить этот веб-макет?

У меня есть веб-макет, над которым я работаю сегодня, с одним статическим столбцом и одним столбцом жидкости.

Моя проблема в том, что код неожиданно сломался (я не уверен, почему), и теперь он всплывает неправильно.

Моя структура такая:

    <div class="side-wrap">
        <div class="side">
            <div class="side-menu">
                <ul>
                    <li class="brand"><a href="#">ProbabilityWolf</a></li>
                    <li class="active"><a href="#">Home<span>&raquo;</span></a></li>
                    <li><a href="#">About<span>&raquo;</span></a></li>
                    <li><a href="#">Contact<span>&raquo;</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="page-wrap">
        <div class="page"> 
        </div>
    </div>

Я публикую внешний вид CSS, потому что его довольно много. Вот мой код (и веб-сайт): http://jsfiddle.net/QTbtA/

Так как я все равно спрашиваю, есть ли способ улучшить мой макет, чтобы он работал лучше? Я пишу это из моей головы, и я новичок, когда дело доходит до жидких макетов.

РЕДАКТИРОВАТЬ: Я теперь решил проблему, хотя советы будут оценены.

Источник

1 ответ

Решение

Если я вас правильно понял - у меня в хроме это работает, если убрать margin-right:400px от твоего .side-wrap учебный класс.

Вот обновленный jsfiddle. Я надеюсь, что он делает то, что вы хотите.

Источник
Другие вопросы по тегам