- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Ув. гуру! Прошу помочь:
Если использовать этот код, то блок2 и блок1 будут находится на одном и тот же месте, в начале страницы, будут наезжать друг на друга.
Требуется поместить блок1 строго после блока2.
Блок2 не имеет фиксированной высоты - в нём содержаться данные, которые могут менять свою высоту и следственно сам блок2 будет растягиваться по высоте.
К сожалению, я плоховато разбираюсь в этом "position:absolute;".
Подскажите, как сделать, чтобы блок1 автоматически становился после блок2, какой бы тот высоты ни был.
Заранее спасибо!
А зачем тут собсно позиционирование? :D
Toy, я хочу, чтобы блок1 находился в начале HTML кода.
Оптимизация? Мне кажется, что абсолютное позиционирование не совсем то, что вам нужно. Либо можно его использовать совместно с javascript. К примеру вычислять высоту второго блока при загрузке документа, затем показывать первый блок с нужным отступом.
Это необходимо для оптимизации под поисковики, и для удобства пользователей (чтобы необходимые блоки загружались быстрее всех остальных).
Toy, так как Вы ответа прямого не дали, могу делать вывод, что это сделать невозможно?
Если делать совместно с Javascript, тогда я так понимаю, блоки будут выведены на яваскрипте, что не есть хорошо для поисковиков..
Это необходимо для оптимизации под поисковики, и для удобства пользователей (чтобы необходимые блоки загружались быстрее всех остальных).
для этого облегчается страница и цмс-ка настраивается на скорость... А если у Вас страница 100-200к - то в помойку ее
T.R.O.N добавил 30.06.2010 в 17:31
Если делать совместно с Javascript, тогда я так понимаю, блоки будут выведены на яваскрипте,
совместно с JS .... и на JS ... - это разные вещи, или нет? читайте по буквам
для этого облегчается страница и цмс-ка настраивается на скорость... А если у Вас страница 100-200к - то в помойку ее
мои страницы весят по 50kb, и я в курсе, как их требуется оптимизировать.
лучше скажите как это сделать совместно с JS
Тут только с помощью position: absolute не обойтись. Если плавающих блоков нет между ними, то можно попробовать сделать float:left;width:100%;
Вы б лучше ссылку на макет сверстанный дали, чтоб не гадать. Универсального решения нет по-моему
мои страницы весят по 50kb, и я в курсе, как их требуется оптимизировать.
при таком размере, просто нелепо говорить о медленности загрузки..., или у Вас иное мнение?
лучше скажите как это сделать совместно с J
я лишь уточнил, для ясности... Объясню, при позиционировании, по мере загрузки страницы, Ваш второй блок будет постоянно прыгать по экрану (т.к. не информации о положении остальных частей страницы) и жудко раздражать... Кроме этого, не забывайте, что при первом входе, стлили будут загружены после получения контента страницы.
Совет, не насилуйте посетителей сайта... Страница маленькая, грузится быстро (судя по объему ~1-2 сек max). Если возникает проблема, постарайтесь оптимизировать стили, порядок загрузки и сам код.
Так можно вычислить высоту блока 2:
http://javascript.ru/blog/Andrej-Paranichev/Izmereniya-okna-dokumenta-elementov#razmery-dokumenta-i-elementov
а потом смещайте блок 1 на это значение.
<div style="position:absolute; top:0px; width:100%;">блок2</div>
Тут есть один нюанс.
Когда вы используете абсолютное позиционирование. То как бы вырываете блок из дизайна страницы и наклеиваете его на тех координатах, на которых указали.
Поэтому есть смысл использовать абсолютное позиционирование и для другого блока.
Либо использовать «релатив» позиционирование для блоков (тоесть, когда блоки будут выровнены по отношению друг к другу)