Перейти к содержанию
СофтФорум - всё о компьютерах и не только

Растягивание страницы до конца в зависимости от разрешения


Рекомендуемые сообщения

Всем привет. Сейчас пытаюсь написать новый сайт. Столкнулся с небольшой проблемой. Необходимо чтобы страница автоматом растягивалась до конца страницы (чтобы было красиво). Знаю, что нужно задавать высоту в процентах, а именно height="100%". Но ничего не получается. Подскажите, что можно сделать. Адресс странички - http://www.fricom.com.ua/new/1.html#

Изменено пользователем Emotion
Ссылка на комментарий
Поделиться на другие сайты

фактически все у тебя нормально на странице, только чуть стоит дописать

<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><TABLE BORDER="0" WIDTH="100%" height="100%" cellpadding=0 cellspacing=0>
Знаю, что нужно задавать высоту в процентах, а именно height="100%". Но ничего не получается.
этот параметр некоторые браузеры не воспринимают...
Ссылка на комментарий
Поделиться на другие сайты

Пока графика не загрузилась, всё было по ширене таблицы, правда у моей бродилки панелек много сверху понатыкано :cool:

А вобще, получение разрешения экрана (всё на javascript):

var scr_height=600var scr_width=800colorDepth=screen.colorDepthif(self.screen){scr_width=screen.width scr_height=screen.height }else if(self.java){ var jToolKit = java.awt.Toolkit.getDefaultToolkit()var scrsize = jToolKit.getScreenSize()scr_width = scrsize.widthscr_height = scrsize.height}

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

Но можно брать ширину и высоту бродилки:

var browser_width = document.body.clientWidth //Ширина бродилкиvar browser_height = document.body.clientHeight //Высота бродилкиvar width_of_full_page = document.body.scrollWidth //Абсолютная ширина страницы, хорошо если совпадает с шириной бродилкиvar height_of_full_page = document.body.scrollHeight //Абсолютная высота страницыvar scroll_vposition = document.body.scrollTop //Текущее положение вертикального скролингаvar scroll_hposition = document.body.scrollLeft //Текущее положение горизонтального скролинга

Всё что выше, все измеряется в пикселах

Ссылка на комментарий
Поделиться на другие сайты

2 verba:

Ещё не идеально получилось, появилась проблема с банерами(при разрешении 1280 на 1024). Можно как-то горизонтальную линию(предпоследнюю) опустить ниже, чтобы было красиво?

И ещё - слилась вертикальная линия с банером "Фото-Союз", и горизонтальная с "Каталог товаров". Можно как-то решить? Например через относительное позициирование?

А в Opera пропали вообще вертикальные линии.

Изменено пользователем Emotion
Ссылка на комментарий
Поделиться на другие сайты

<tr><td width="220px" height="100%"><div style="background:url(button.jpg) repeat-x"><div style="margin-left:15px">Каталог товаров</div></div>

попробуй вот так сделать...

Ссылка на комментарий
Поделиться на другие сайты

К твоему коду добавил ещё и valign="top" и всё получилось. Только в Opera ничего не получается :bye1:

Ссылка на комментарий
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...