|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
22.02.2012, 00:18 | #1 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
При наложении div на div выскакивает текст.
Здравствуйте.
Такая проблема. При наложения div на div выскакивает боковой тест в низ. Такое впечатление что при наложение остался невидимый образ div который и вытеснят текст хотя дивы лежат корректно вовсе браузерах. В чем дело, подскажите. Блок1 это основной его место положения менять нельзя. Блок2 он накладывается на блок1 html Код HTML:
<div id="block1"> <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> </form> </div> <div id="block2"></div> <p style="padding: 2px 45px 0px 90px;"> <font style="font-size:80%" > Текст который выскакивает </font> </p> PHP код:
Последний раз редактировалось segail; 22.02.2012 в 00:34. |
22.02.2012, 01:28 | #2 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
тебе вот так надо как на скрине? картинки заменил на цвет
|
22.02.2012, 06:33 | #3 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
|
22.02.2012, 10:22 | #4 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
Так надо рис.1
Но наложенный div вытесняет текс в низ искажая страницу сайта рис.2 |
22.02.2012, 14:45 | #5 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
скинь мне те картинки которые должны быть в дивах
|
23.02.2012, 12:05 | #6 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
С праздником.
Скинул. |
23.02.2012, 20:15 | #7 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
посмотри скрин, вот так получилось, не знаю может я не правильно что-то понял.
|
23.02.2012, 20:23 | #8 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
Да Да Правильно
|
23.02.2012, 20:34 | #9 |
Пользователь
Регистрация: 07.02.2012
Сообщений: 95
|
вот скидываю код
html Код HTML:
<body> <div id="block1"> <form name="order_form" action="send.php" method="post" name="f1" onSubmit="return pr(order_form)"> </form> <div id="block2" ></div> </div> <p style="padding: 0 45px 0px 90px;"> <font style="font-size:80%" > <p>текст который обтекает</p> </font> </p> </body> </html> вот css Код HTML:
#block1, #block2 { position: relative; /* Относительное позиционирование */ } #block1 { display: inline; float: left; /* Обтекание по правому краю */ width: 515px; /* Ширина блока */ height: 315px; /* Высота блока */ background: url(../img/poshta.gif); /* Цвет фона */ padding-top: 75px; /* Внутренне верхнее поле */ padding-left: 20px; /* Отступ левый-внутри блока */ margin-right: 15px; /* Отступ справа */ margin-left: 90px; /* Отступ слева */ top: 0px; -moz-box-sizing: border-box; /* Для Firefox */ -webkit-box-sizing: border-box; /* Для Safari и Chrome */ box-sizing: border-box; /* Для IE и Opera */ } #block2 { display: inline; float: left; /* Обтекание по правому краю */ width: 515px; /* Ширина блока */ height: 315px; /* Высота блока */ background: url(../img/es.gif); /* Цвет фона */ padding-top: 0; /* Внутренне верхнее поле */ padding-left: 0; /* Отступ левый-внутри блока */ margin-right: 0; /* Отступ справа */ margin-left: 0; /* Отступ слева */ top: -100px; -moz-box-sizing: border-box; /* Для Firefox */ -webkit-box-sizing: border-box; /* Для Safari и Chrome */ box-sizing: border-box; /* Для IE и Opera */ } #block1 { z-index: 1; } #block2 { z-index: 2; } p { text-align: justify; } |
23.02.2012, 21:06 | #10 |
Форумчанин
Регистрация: 13.06.2009
Сообщений: 691
|
У меня что-то не выходит. Посмотрите тестовый пример.
У меня вместо Bloka layer |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
макрос вставка текста между тегами <div> </div> | nur91m | Microsoft Office Word | 2 | 19.10.2011 22:16 |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
Как отменить прозрачность div в прозрачном div | zeharon | HTML и CSS | 0 | 24.07.2010 16:56 |
Высота div-a в котором есть другой div | Antoha | HTML и CSS | 2 | 07.08.2009 18:16 |
Позиционирование двух плавающих DIV внутри одного DIV | allocator | HTML и CSS | 5 | 22.07.2009 13:48 |