Просто надо не сдвигать релятивом, а
Цитата(dm9 @ 5.11.2004, 14:27  ) |
| Может быть, display: none; |
— просто скрывать блок.
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Высота странички из-за слоёв... |
| Автор: Sufius 3.11.2004, 20:38 | ||
Использую слои...
но из-за position:relative страничка имеет огромную высоту с пустым местом... как от этого можно избавиться? |
| Автор: dm9 5.11.2004, 13:27 |
| Не совсем понял... Может быть, display: none; |
| Автор: Sufius 5.11.2004, 15:11 |
| <div id="q1" style="position:relative; top:0px; left:0px; visibility: hidden"> Бла-бла-бла </div> если position:relative, то, если у меня несколько слоёв, когда они скрыты высота странички равняется их высоте... то есть если слоёв много-много, то страничка получается длиной на пару экранов с пустым местом... е сли использовать position:absolute, то невозможно прикрутить к дизайну, так как при изменении размера окна меняется и дизайн, а слой остается на своём месте... Вот можно как-нить сделать при position:relative, чтобы слои накладывались как position:absolute??? |
| Автор: GoodBoy 5.11.2004, 15:47 |
| Sufius ты попробовал то, что dm9 написал??? |
| Автор: Sufius 6.11.2004, 16:05 | ||
Если красный и зеленый блоки большего размера, то расстояние от ссылок до черного блока увеличивается... В итоге, когда у меня 6 слоев с таблицами по 100px, то длина пустого места на страничке (между ссылками и черным блоком) увеличивается более чем на 600px... Как этого можно избежать... 2 GoodBoy Да попробовал, но не получилось... =( |
| Автор: Sufius 6.11.2004, 16:18 |
| все получилось! Спасибо! |
| Автор: kaa 5.9.2007, 18:44 |
| Наверное не стоит мне постить отдельный вопрос. ибо проблема таже, за некоторым ньюансом- блоки я не пытаюсь скрыть а просто сдвигаю. Так вот когда здвигаю блок вверх то внизу под ним остаётся пустое место раное его высоте :( Как от ЭТОТОГО избавится - ума не приложу. А дизайн без этого не получается :( Он у мя многослойный :( |
| Автор: dm9 5.9.2007, 19:49 | ||
| Ммм... Это нормальное поведение. Просто надо не сдвигать релятивом, а
— просто скрывать блок. |
| Автор: kaa 5.9.2007, 21:02 |
| dm9, Нет! Скрывать нельзя! На нем у мя кусок контента который располагается поверх фона. Просто ситуация такая: верстка табличная, главная таблица 3Х3. И центральная ячейка используется для контента. Вот в ней и распологаю фон, а поверх него контент. Абсолютное позиционирование у контента включать нельзя ибо при изменении размера окна верстка разъезжается :( |
| Автор: dm9 5.9.2007, 21:33 |
| Попробуй описать задачу более широко. Мне кажется, получается из области «мы создали себе проблемы и сейчас будем героически их преодолевать». |
| Автор: kaa 6.9.2007, 08:07 | ||
| dm9, Вполне вероятно, июо опыта у мя практически ноль... Задаяа такова: Есть полоска - типа фоновый рисунок- в самом верху ячейки. На этом фоне должны быть расположенны другие рисунки, притом в несколько слоёв. Так вот как я их набираю в слои: создаю табличку, в неё встабляю рисунки нужные для данного слоя, присваиваю таблице
И поднимаю её вверх до упора top-ом. Так же со следующим слоем. Так вот, проблемв вся в том что когда я её полнимаю, то внизу у мя остаётся пустое пространство равное изначальной высоте смещённой таблицы :( Можно былобы обойтись абсолютным позиционированием, но тогда фон и контент, который расположен в одной из "слоевых" таблиц, смещаются неравномерно при сужении экрана :( тоесть получается что контент как бы уже не зависит от ячейки и её размеров :( Вёрстку на дивах пробобвал - но там таакой геморрой, что плюнул. Надо просто срочно :( |
| Автор: kizune 6.9.2007, 13:52 |
| а поподробнее можно? в смысле код |
| Автор: dm9 6.9.2007, 14:21 |
| Попробуй заменить 'position:relative; top:-xxx; left:0;' на 'position: absolute'. Ну или как-то аналогично. Суть в том, что вынесенный на абсолют. позиционирование элемент выходит за пределы основной вёрстки (не учитывается в построении базовой страницы), но при этом остаётся на месте. То есть он находится там же, где был бы без «абсолютного» стиля, но дальнейшая вёрстка ведёт себя так, как будто этого элемента нет — «заползает» под него. Посмотри ещё пример: http://dm9.ru/vingrad/examples/html/stretchimage/ В примере сверху на img-картинку (растягивающуюся) кладётся текст. |
| Автор: dm9 6.9.2007, 15:49 |
| Сорри, сейчас вспомнил, что пример иллюстрирует другое решение. Но там тоже прикольно сделано. Можно оба способа использовать. |
| Автор: kaa 6.9.2007, 15:57 | ||
| dm9, Я так уже пробовал - в том-то и проблема, что получается фон заползает под сожержимое :( А фон в моём случае должен быть строго на мести и смещаться содержимое с фоном должны одинакого:( Добавлено через 4 минуты и 52 секунды kizune, Если это поможет:
|
| Автор: dm9 6.9.2007, 16:29 | ||
Фраза непонятна. Из текста получается, что простые два дива (один под другим) спасут мир. Поясни. |
| Автор: kizune 6.9.2007, 17:07 | ||
я так понимаю смущает кусок таблицы,на который наезжает таблица с внутренними вакансиями?
таблица которая содержит Notice,ей надо присвоить вместо top:-175px; margin-top:-175px; если не эта ошибка,то попробуй поэкспериментировать с margin-top,вместо просто top |
| Автор: kaa 7.9.2007, 09:49 | ||
| kizune, Нет, с notice всё впорядке. Я специально зделал чтобы они наезжали - это как бы слои. Таблицы я фиксирую чтобы при самом экстермальном сужении окна верстка никуда не ехала и была прибита как гвоздями. Я щас попробую еще упростить. так как notice не критично здесь.
Основная проблема в том, что когда я задираю таблицу с id="top-contetn-table" внизу ячейки, содержащей всё это добро, у меня остаётся пустое мсто равное по высоте её первоначальному размеру. В последствии, когда движок выкидывает туда контент, это пустота не изменяет размеров. весь вопрос в том как эту пустоту побороть :( Ибо накладывать таблицы всёравно придётся - без слоёв я верстку под движок не сделаю, ибо фон собирается как аппликация, да еще поверх него накладвается кусок каонтента Notice + изменять размеры он должен строго пропорционально с таблицей id="top-contetn-table" в котрой выводится весь остальной контент и картинки по верх фона. ЗЫ: что-то многа букав...  |
| Автор: kizune 7.9.2007, 10:00 | ||
попробуй для этой таблицы задать такой стиль:
|
| Автор: kaa 7.9.2007, 16:06 |
| kizune, Всё, уже ничего не попробую - пришол умный человек и сверстал всё по правильному... Наконецто...  А моё всё затерли. Если найду черновик попробую обязательно, хотя бы из спортивного интереса! Всем спасибо! |
| Автор: verstalishik 11.9.2007, 12:18 |
| у меня проблема, есть страничка слишком много текста и он не помещается на страничку. как это исправить.как сжать текст или растянуть страницу. это очень срочною помогите |
| Автор: kizune 11.9.2007, 12:38 |
| имеешь ввиду не влезает в высоту и выезжает за пределы background? |
| Автор: verstalishik 11.9.2007, 15:40 | ||
проблема решена черз таблицу и center |