Div за другой проблемой div

Question

Здесь Это (большой) пример огромной проблемы, с которой я сталкиваюсь, когда эта страница находится по адресу euroworker.no/order, она генерируется динамически, я предоставил статическую версию для людей, с которыми можно связываться. Все, что мне нужно, это там, где написано «Endre Valg», чтобы протолкнуть обертку под ним вниз. Звучит легко, а? Я перепробовал много разных вещей, надеюсь, что некоторые обсуждения и даже проб и ошибок помогут нам здесь.

Извините за огромное количество кода и прочего, но это заняло у меня целый день, и у меня закончились идеи.

Спасибо.

Редактировать: Решил вернуться к таблицам, спасибо всем за предложения. :)

Answer 1

Извините, я не собираюсь давать вам ответ здесь, я посмотрел и не могу найти его быстро. Однако я дам вам два способа решения этой проблемы.

Во-первых, это таблица данных. Какой элемент HTML является лучшим для отображения табличных данных? Стол. Я знаю, что использование таблиц для форматирования страницы дает большую, оправданную обратную реакцию, но когда у вас есть таблица данных, они являются правильным элементом для использования. Это упростит вашу разметку и CSS.

Если вы решите не использовать таблицу, вам нужно будет удалить все css, действующие на этой странице. Посмотрите на страницу, убедитесь, что нет никаких кругов. Добавьте обратно несколько классов CSS и проверьте, нет ли совпадений ... повторите. Начните очень просто и наращивайте до тех пор, пока ошибка не возникнет снова, теперь вы знаете, какой кусок css вызвал это.

Если бы у меня было предположение, ошибка была бы в элементах, помеченных как float или position: относительный / абсолютный, но один из приведенных выше методов доставит вас туда через час.

Извините, что не обратились напрямую к проблеме.

Answer 2

Я поддерживаю идею предыдущего ответа придерживаться стандартов и использовать стандартную HTML-таблицу для данных и HTML-блоки

для макета.

Если вы хотите сохранить коробочную структуру, вам следует взглянуть на свойство css display вместо использования position:absolute для позиционирования ячеек таблицы. Этот ресурс http://www.quirksmode.org/css/display.html#table может быть интересен для вас.

Answer 3

Я бы повторил комментарии об использовании таблицы. Никогда не неправильно использовать таблицу при отображении табличных данных, что вы и делаете здесь.

В любом случае добавление clear: left в объявление класса для тега привязки поможет решить вашу проблему:

#cart2Produkt a {
    color:#0a5692;
    text-decoration:none;
    line-height:15px;
    clear: left; 
}

Но то, как устроена эта страница, просто кошмар, ожидающий своего появления. Используйте таблицу.