Разработка

Файл: 127307107956.png-(502B, 187x96, htmlcss.png)

HTML/CSS Стив Балмер 05.05.2010 (Срд) 18:51:20 No. 1935

Нужен быстрый совет по HTML4+CSS

Дано:
<html><body> <div>ХУЙ!</div> </body></html>
Надо сообразить CSS, чтобы див висел посреди экрана с заданными отступами от боков. То есть при изменении размера экрана коробка тоже изменяет размер, так что отступы такие же, причём независимо от того, умещается ли в коробке всё её содержимое.
Короче, примерно как на пикче.
В гугле забанили.

Развернуть все изображения

>>	Стив Балмер 05.05.2010 (Срд) 19:14:26 No. 1936 Файл: 127307246622.jpg-(14.84KB, 354x288, longpoke.jpg) >быстрый nevermind, бордой ошибся.

>>	Awesome!!AzMwZkMTV3 05.05.2010 (Срд) 21:56:19 No. 1938 >>1935 `div {` `height: 50px;` `left: 50%;` `margin: -25px;` `position: absolute;` `top: 50%;` `width: 50px;` `}`

Стив Балмер 06.05.2010 (Чтв) 01:24:05 No. 1943

>>1938
У тебя статичные размеры. Под каждое разрешение нужно будет просчитывать размер.

Оп, посмотри в сторону margin: auto. Там вроде как-то можно накостылить то, что ты хочешь. Пример не приведу, так как держал последний раз такую конструкцию пол года назад, а желания копать старые цсски, как и рыться в закладках - нет.

>>	Стив Балмер 06.05.2010 (Чтв) 11:13:57 No. 1953 что-то типа http://kuklach.ru?

Awesome!!AzMwZkMTV3 06.05.2010 (Чтв) 23:31:17 No. 1956

>>1943
Ну, в общем, главная проблема заключается в вертикальном центрировании. Горизонтальное центрирование можно решить множеством примитивнейших способов, в то время как в случае с вертикальным придется серьезно попариться в зависимости от тех или иных условий.

http://cssing.org.ua/2005/07/14/vertical-align-middle/
http://cssing.org.ua/2007/04/26/another-css-valign-method/

[Назад]

Имя
Адрес	[sage] [noko]
	[?]
Тема	(reply to 1935)
Сообщение
Файл
Пароль	(для удаления файлов и сообщений)

Прежде чем постить, ознакомьтесь с правилами. Поддерживаемые типы файлов: 7Z, BZ, GIF, JPG, MO, MP3, OGG, PDF, PNG, PSD, RAR, SVG, SWF, TXT, XCF, ZIP Максимально допустимый размер файлов: 10000 кБ. Изображения, размер которых превышает 200 на 200 пикселей, будут уменьшены. Ныне 1271 unique user posts. Посмотреть каталог Радио: