Поддержка Проблемы и решения Dreamveaver. DIV-блоки разъезжаются.

  • Здравствуйте!
    Верстаю страничку в Дримвивер.
    создала два див-блока через макет-слой AP.
    А потом, когда изменяю границу между окнами кода и дизайна (чтобы лучше видеть окно кода),
    то и див-блоки двигаются вправо,
    изменяю границу обратно, они потихоньку встают на место.

    Как их закрепить?

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Возможно так? <div style="float:left;"></div>

    А почему left? Они расположены в разных местах:
    почти в середине страницы, другой внизу справа, но не впритык к границам…

    А как это связано с wordpress?

    Runna А как я мог догадаться?!

    А как это связано с wordpress?

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

    skodnik, может быть это потому, что позиционирование абсолютное относительно страницы всей, а нужно вставлять их прямо в ячейку таблицы…
    В общем так:
    1. делаю таблицу, чтоб по центру. 1 строка, 1 столбец.
    2. внутрь ячейки — картинку фоном.
    3. поверх картинки «рисую» дивы.
    4. для того, чтоб внутрь дива на точное место в картинке вставить видеоролик (например), или другой элемент.
    Вот код этого дива:

    #apDiv1 {
    	position:absolute;
    	left:441px;
    	top:320px;
    	width:454px;
    	height:278px;
    	z-index:1;
    	background-color: #FFFFCC;
    }

    Может быть нужно этот див засовывать прямо в ячейку, чтоб позиционирование было относительно ячейки, а не всей страницы?

    Когда смотришь в режиме «дизайн» — все хорошо.
    Когда включаешь режим разделение — сразу блоки уехали вправо… 🙁

    Думаю, что ответ не окажется односложным. Что следует учитывать:

    1. Элементов с идентификатором apDiv1 на странице не должно быть более одного.
    2. Для того, чтобы сработало абсолютное позиционирование, нужно задать «начало отсчета» для него. Ознакомиться основами можно тут htmlbook.ru.
    3. Корректность верстки стоит проверять не DW, а различными браузерами.

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

    В браузере — нормально, пока не начинаешь уменьшать окно браузера, тогда блоки плывут.

    Для того, чтобы сработало абсолютное позиционирование, нужно задать «начало отсчета» для него. Ознакомиться основами можно тут htmlbook.ru.

    Видимо нужно разобраться с — относительным позиционированием? Спасибо, пошла учиться. (тяжело вздохнув) . 🙂

    Относительное позиционирование? = Китайская грамота.
    может проще таблицу расчертить, и все в ней расположить?

    Нет, думаю, что проще сделать все по уму, т.е. без таблиц — раз, с минимумом блоков-оберток — два, и кроссбраузерно — три. Для того, чтобы подобную разметку организовать нужно или знать основы html+css или найти подробное решение где-то в интернете, благо мест хватает. Но, что самое важное — надо сначала ясно, точно и понятно выразить суть желаемого.

    Хорошо, сейчас загружу картинку, по которой учусь.
    Картинки рисовать умею… но сделать из этого сайт!!!

    Вот сюда пока загрузила.
    Пока речь не о всем сайте, а только о картинке — тогО, что внутри сообщения.
    Видео вставила в таблицу, а с формой подписки — полная засада.

    Вот тут самый простой пример jsfiddle.net/QAgXe.

    Что я сделал:

    1. Создал блок обертку с идентификатором main. Задал ширину и высоту. Сделал выравнивание по центру окна с помощью margin и поля сверху в размере 25px.
    2. Вставил код проигрывателя сгенерированный на youtube. Сделал элемент object блочным для того, чтобы можно было применить к нему выравнивание с отступами. Задал размеры и выравнивание.

    skodnik, спасибо. Буду вникать.

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Dreamveaver. DIV-блоки разъезжаются.» закрыта для новых ответов.