Все привет.
Я хочу установить таблизу ровно по центру окна браузера. Для этого я вытаскиваю разрешение экрана, вычитаю из него число, половина которого равна расстоянию от левого края окна. Ширина таблицы равна значению после вычитания, допустим ширина экрана 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>
|
|
