01.10.2012 03:20:23 Фотография по центру страницы Сообщение #1
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте, Михаил!
Я пробовал поместить фотографию на страницу, чтобы фотография была всегда по центру страницы (по вертикали и по горизонтали) при любом масштабировании. С помощью таблицы я это сделал (задал высоту и ширину таблицы 100%). И заметил такую вещь, фотография находится по центру страницы только если я использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
А если использовать <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> то фотография не выравнивается по вертикали по середине.
Скажите, пожалуйста, почему так происходит. В обоих случаях код валидный.
Вот код, как я делал.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ПЕРВАЯ СТРАНИЦА</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
</head>
<body style="margin: 0">
<table style="width: 100%; height: 100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<img src="images/foto.jpg" alt="Фото" width="400" height="300">
</td>
</tr>
</table>
</body>
</html>
Я пробовал поместить фотографию на страницу, чтобы фотография была всегда по центру страницы (по вертикали и по горизонтали) при любом масштабировании. С помощью таблицы я это сделал (задал высоту и ширину таблицы 100%). И заметил такую вещь, фотография находится по центру страницы только если я использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
А если использовать <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> то фотография не выравнивается по вертикали по середине.
Скажите, пожалуйста, почему так происходит. В обоих случаях код валидный.
Вот код, как я делал.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ПЕРВАЯ СТРАНИЦА</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
</head>
<body style="margin: 0">
<table style="width: 100%; height: 100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<img src="images/foto.jpg" alt="Фото" width="400" height="300">
</td>
</tr>
</table>
</body>
</html>
