VPF::Вопрос о позиционировании - Форум программистов

Rekah

Дата 25.8.2007, 15:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 23.7.2007

Репутация: нет
Всего: нет

Все привет.
Я хочу установить таблизу ровно по центру окна браузера. Для этого я вытаскиваю разрешение экрана, вычитаю из него число, половина которого равна расстоянию от левого края окна. Ширина таблицы равна значению после вычитания, допустим ширина экрана 1024 - 4 - 120 = 900 - ширина таблицы. 5 - применна ширина скрола, половина от 120 - расстояние от левого края, т.е. предполагается что с левого и правого края отступ равен 60. В таблице несколько ячеек позиционирование которых относительная. Вопрос, как корректней реализовать такую вещь, и чтобы в разных браузерах все работало. Какие глюки могут быть, если устанавливать позиционирование после загрузки?

Код


<html>
<style type=text/css>
 TABLE.TabForImg{
  position:absolute;
  top:  120px;
  left: 60px;
  border: #253232 1px solid;
  width:0px;
 };  
</style>  
<head>
<script language="javascript" type="text/javascript">


onload=ustanovka(); 
var screen_=0; //Примерная ширина окна браузера
var widForTab=0; //ширина таблицы

function ustanovka(){

 screen_=screen.width - 5; //Примерная ширина окна браузера
 widForTab= screen_- 120; //ширина таблицы
 document.getElementById("TabForImg").style.width=widForTab; //Ширина таблицы
        
}
</script>
</head>
<body>
  <TABLE class=TabForImg id=TabForImg>
   <TR>
    <TD width=7%></TD>
     <TD width=25%><A hreff="#" onClick="viewImg()"><img src="" width=90% align=center></A></TD>
    <TD width=5%></TD>
     <TD width=25%><A hreff="#" onClick="viewImg()"><img src="" width=90% align=center></A></TD>
    <TD width=5%></TD>
     <TD width=25%><A hreff="#" onClick="viewImg()"><img src="" width=90% align=center></A></TD>
    <TD width=7%></TD>
   </TR>
  </TABLE>
</body>
</html>

Это сообщение отредактировал(а) Rekah - 25.8.2007, 15:07

December

Дата 25.8.2007, 16:20 (ссылка)

(нет голосов)

Загрузка ...

Antitheorist

Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: нет
Всего: 57

просто вешай рекалькуляцию на onresize и onload у боди, именно в эти моменты должен вызываться скрипт, корректирующий вёрстку. А насчёт глюков... сначала пройдись по документу валидатором smile

--------------------

Для друзей с винграда - скидки на разработку сайтов

jahson

Дата 26.8.2007, 06:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 20.8.2007

Репутация: нет
Всего: нет

А как насчёт того, чтобы написать css-класс для позиционирования по центру, а затем назначать его вашей таблице?
http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Rekah

Дата 26.8.2007, 11:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 23.7.2007

Репутация: нет
Всего: нет

Спавибо за ответ, оба ответа меня вразумили smile

Все понятно стало smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »