Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Ответ
 
Опции темы
Старый 28.04.2018, 23:36   #1
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 190
По умолчанию "Clear" для "position:absolute"

Здравствуйте всем. Похоже, я подзабыл CSS - не могу исправить, по-моему, простую проблему.
С помощью position:absolute отрегулировал один блок. Как и полагается, нижний блок поднялся выше, так как "absolute" как бы "поднимает" этот блок над всем контентом. Вот это свойство надо бы убрать.
В общем, есть 2 блока. Верхний нужно поставить к правому краю родителя (он у них общий), а нижний нужно оставить там же, чтобы не поднялся наверх.
Float не подходит. Второму блоку ничего дописывать нежелательно. Но можно создать еще один блок между ними (например, типа "clear"). Фиксированные отступы тоже не получается сделать, так как контент блоков может меняться, их размеры тоже. Размеры родителя в ширину тоже может меняться, по отношению к размеру экрана пользователя.
Булат Азат улы
Bulat Ibrahim вне форума Ответить с цитированием
Старый 02.05.2018, 19:53   #2
olegK<<
Пользователь
 
Аватар для olegK<<
 
Регистрация: 05.11.2017
Сообщений: 59
По умолчанию

С помощью яваскрипт назначать ниже расположенному блоку margin-top .
olegK<< вне форума Ответить с цитированием
Старый 05.05.2018, 02:18   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Нарисуй картинку что тебе надо, как у тебя получилось и код.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 05.05.2018, 21:52   #4
Bulat Ibrahim
Форумчанин
 
Регистрация: 24.04.2015
Сообщений: 190
По умолчанию

Прикрепил изображения того, как есть и как надо бы. А вот код:
Код:
<h4>Үлем турында</h4>
<div class="shigyr" style="position: absolute; right: 20px;">
<p class="awysh">Үлем көтә булыр<br>
Мине шунда,<br>
Ерак түгел юллар күзендә.<br>
Исем китми,<br>
Биеп каршыларга<br>
Бию такмагымны язып утырам<br>
Көлә-көлә менә үзем дә.<br>
Тик аз гына тукта,<br>
Вакыт табып,<br>
Соң кат үбим алсу яңагын<br>
Постта чакта туган баламның.</p>
</div>
<div class="shigyrOchen">
	<div class="shigyr" style="margin-top:250px;">
		<p class="urtaAwysh">1</p>
		<p>Чәчәкләнеп, җимеш бирмәс булсам,<br>
		Тишелеп чыкмас идем түтәлдә;<br>
		Еллар миңа яңгыр булган өчен<br>
		Яшелләнеп, яшьнәп үсәм дә.<br>
		Көрәш белән кабынып, чәчәк атты<br>
		Җимешле гөл төсле яшьлегем.<br>
		Җимеш биреп шиңгән гөл шикелле үк,<br>
		Шиңсәм тагын,<br>
		<span class="ara50px">Нигә ачыныйм?</span><br>
		Шанлы эшләремнең җимеше калыр,<br>
		Чәчәк атар шушы түтәлдә;<br>
		Мине сагынып тополь агачлары<br>
		Исәр җилдән хәбәр көтәрләр.</p>
Блоки с классами "shigyrOchen" и "shigyr" менять и добавлять классы нельзя, так как стихов (подобных страниц) сотни. Они при помощи php будут строиться автоматически. А вот "Стихи перед стихами" встречаются очень редки.
У меня в базе данных для таких случаев есть специальные поля для вставок перед стихом и после. Вот в поле "перед стихом" я вставлю первый блок с классом "shigyr" - вот с ним-то и нужно что-то натворить, чтобы всё отображалось.
На данный момент сайт у меня обыкновенный, без серверной обработки, поэтому, такого вопроса не возникало. Просто решил сайт обновить. Точнее, его "мозги"
Изображения
Тип файла: jpg error.jpg (66.5 Кб, 138 просмотров)
Тип файла: jpg ok.jpg (55.2 Кб, 137 просмотров)
Булат Азат улы

Последний раз редактировалось Bulat Ibrahim; 05.05.2018 в 21:54. Причина: Забыл вложить изображения
Bulat Ibrahim вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы



Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS