Выравнивание. Возможно ли решить или нет.

Статус
В этой теме нельзя размещать новые ответы.
vevictis

vevictis

Создатель
Регистрация
25 Дек 2007
Сообщения
34
Реакции
5
Всем привет!
Можете подсказать. На странице сайта, находится картинка.
И, по задумке, она должна всегда быть в центре браузера. Но что только не делал, она становиться посередине-сверху.
Фиксированную таблицу не поставить. Надо, чтобы это работало с разным разрешением экрана. :ah:
 
Код примера в студию или ссылку на ошибку.

<center> картинка </center>

Так попробуй
 
Не уверен возможно ли так реализовать или нет, но я бы эту проблему в первую очередь попробовал решить так:
1) с помощь JavaScript получить разрешение или размеры окна
2) на основании этих данных выводить картинку (например, если разрешение такое, то отступ слева Х пикселей, отступ сверху У пикселей)
Х, У подбираются экспериментально
 
  • Заблокирован
  • #4
Всем большое спасибо! Всё получилось.:)




<html>
<head>
<title></title>
<style type="text/css">
div.container {top: 0; left: 0; width: 100%; height: 100%;
position: fixed; display: table}
p {display: table-cell; vertical-align: middle}
img.displayed {display: block; margin: 1em auto}
p {text-align: center}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class=container>
<p>
<img src="fon.jpg" width="800" height="600" usemap="#mail" style="border-style: none;">
<map name="mail">
<area href="mailto:info@lala.ru" shape="rect" coords="630,506,744,538">
</map>
</div>
</body>
</html>
 
Ещё хороший совет: Если у вас разъезжаеться где-то текст и вы перепробывали различные css, верстали и div и таблицами и всё одно, то самое время проверить DOCTYPE!
Попробуйте заменить на стандартную <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
Фиксированную таблицу не поставить. Надо, чтобы это работало с разным разрешением экрана.
Нажмите для раскрытия...
А почему бы не поставить динамическую таблицу <table width="100%"> а далее <td align="center" valign="middle">
Кажется, так намного проще?
 
А почему бы не поставить динамическую таблицу <table width="100%"> а далее <td align="center" valign="middle">
Кажется, так намного проще?
Нажмите для раскрытия...
Совершенно правильное и единственно простое/верное решение, не прибегая к разным css, JS и т.п. Чистый HTML.
 
я обычно засовываю ее в таблицу, помоему самое правильное решение:
<table width="100%"><td align="center" valign="middle">картинко</td></table>
 
<body style="height:100%;">
<table width="100%" height><td align="center" valign="middle">картинко</td></table>
</body>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху