Автоматическое выравнивание таблицы на странице

Я помогаю другу со своим сайтом (URL: http://mk7vrlist.altervista.org/databases/test.html). Я использовал таблицу для дизайна, и я помещаю каждый отдельный ящик ввода в <td> .. </td>. Я использовал Javascript для сохранения данных и PHP для загрузки их на сервер. Моя проблема заключается в том, что когда пользователь открывает эту страницу, таблица не выравнивается в соответствии с фоном.Автоматическое выравнивание таблицы на странице

Screen of my desktop.

Как вы можете видеть, таблица insede черный прямоугольник, но с другой диагональю экрана смотрение не то же самое. Для решения этой задачи я использовал следующий код:

CSS:

body { 
     background-image:url('pictures/bgframe.png'); 
     background-repeat:no-repeat; 
     background-attachment:fixed; 
     background-position:center; 
    } 

input{ 
     text-align:center; 
     }

В таблице я использовал этот код:

<table id="tab" border="0" style="width:1200px;" align="center"> 
<tr> 
... 
</tr> 
</table>

Этот код не работает, потому что с меньшим экраном, выравнивание таблицы не одно и тоже. Можете ли вы мне помочь? Если вы хотите, here есть весь код.

источник

2013-05-09 Alberto Rossi

Возможно, вам следует попробовать относительное свойство CSS, например: width:100%; (вместо жестко-кодированного значения в px), чтобы масштабировать его должным образом. Кроме того, может быть полезно явно установить HTML5 <body> Свойства CSS: padding:0;margin:0;

источник

2013-05-09 20:34:02

Итак, мне нужно добавить ширину: 100% на тело {}? –

Ну, это может быть любое число, по вашему усмотрению. 100% обеспечит полную ширину экрана. –

Хорошо, ты решил мою проблему, спасибо Аксель. –

Автоматическое выравнивание таблицы на странице

ответ

Смежные вопросы