Jump to content

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


Recommended Posts

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

Edited by Emotion
Link to comment
Share on other sites

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

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

Пока графика не загрузилась, всё было по ширене таблицы, правда у моей бродилки панелек много сверху понатыкано :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 //Текущее положение горизонтального скролинга

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

Link to comment
Share on other sites

2 verba:

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

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

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

Edited by Emotion
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...