Kompx.com or Compmiscellanea.com

CSS выравнивание по центру : по ширине и по высоте - 1

Windows : Internet Explorer 8.0+, Firefox 1.0+, Google Chrome, Opera 4.0+, Safari 3.1+, SeaMonkey 1.0+ [ 1 ].

Linux : Firefox 1.0+, Google Chrome / Chromium, Opera 5.0+, SeaMonkey 1.0+ [ 2 ].

Выравнивание содержимого страницы по центру в видимой области окна браузера с помощью CSS. Контейнер, в котором будет находиться всё содержимое веб-страницы выравнивается по центру - по ширине и по высоте : [ Открыть страницу-пример ].

HTML / XHTML. Код:

<!DOCTYPE html>

<html>

<head>

<title>CSS выравнивание по центру : по ширине и по высоте - 1</title>

<link rel="stylesheet" type="text/css" href="css.css" />

</head>

<body>

<div class="all">

<div class="wrapper">

<div class="pagecontent">&nbsp;</div>

</div>

</div>

</body>

</html>

CSS. Код:

html {height: 100%; margin: 0px;}

body height: 100%; margin: 0px;}

.all {position: relative; left: 0px; top: 0px; height: 100%; width: 100%; float: left; display: table;}

.wrapper {position: relative; left: 0px; top: 0px; height: auto; width: 100%; display: table-cell; vertical-align: middle;}

.pagecontent {position: relative; left: 0px; top: 0px; height: 500px; width: 800px; margin: 0 auto; background: #ff6f6f;}

Контейнер .pagecontent - для всего содержимого веб-страницы. В отличии от CSS выравнивание по центру, по вертикали и по горизонтали - 2, в данном случае как единицы измерения CSS могут использоваться проценты; а не только px или em. Высота и ширина могут быть больше видимой области окна браузера, но в данном случае речь о более практическом случае - когда высота и ширина контейнера .pagecontent меньше, чем размеры видимой области окна браузера.

Блок .pagecontent выравнивается в видимой области окна браузера по центру / по ширине с помощью "margin: 0 auto".

.All и его CSS свойства превращают всю видимую область окна браузера в CSS-таблицу.

Свойства CSS делают контейнер .wrapper ячейкой этой CSS-таблицы. Содержимое этой ячейки - контейнер .pagecontent и все, что в нем находится - выравнивается в видимой области окна браузера по центру / по высоте свойством CSS "vertical-align: middle".


[ 1 ]

А так же в Netscape 7.2+, Mozilla 1.5+.

[ 2 ]

А так же в Netscape 7.2+, Mozilla 1.5+.


Aliosque subditos et thema

 

ELinks

 

Возможности : Настройка : Использование : Скриншоты : Где скачать ELinks является попыткой создать современный текстовый веб браузер. Проект начался на основе кода браузера Links. Его целью сначала было попытаться реализовать несколько функций более или менее отсутствующих / слабых в Links. Откуда "E" в "ELinks" - "Experimental" / "Экспериментальный" [Links]. После успеха предпринятых усилий "E" стала пониматься как "Extended" / "Расширенный" или "Enhanced" / "Усовершенствованный". Когда браузер Links достиг определенной степени завершенности, превосходящей в некоторых отношениях тогда самый продвинутый веб браузер Lynx, дальнейшее его развитие оказалось на перепутье: двигаться к отображению графики и далее за пределы чистого текста или продвинуть веб-серфинг с использованием текстового интерфейса пользователя за пределы достигнутые сначала Lynx и затем Links - оставаясь однако в текстовом режиме. Первое направление реализовалось в версии Links способного отображать графическое содержимое веб-страниц - Links2. Второе - это веб браузер ELinks. Lynx был и остается очень проработанным образцом программного обеспечения своего типа. Его авторы задумали и реализовали весьма продуманную и основательную концепцию просмотра веб-страниц в текстовом режиме с особыми абстракциями и условностями, которые помогали преодолеть многие ограничения и недостатки веб-серфинга с использованием текстового интерфейса и создали мир столь отличный от быстро расширяющейся графической части интернета. Но HTML и компьютеры развивались дальше, началось распространение языков сценариев, весь мир представления, нахождения и потребления информации двигался вперед, менялся. Появились новые возможности. Многие из этих возможностей были реализованы в Links, но следующие изменения в визуальном представлении информации в веб документах - от больше HTML к больше CSS - сделали открытыми новые дороги; даже оставаясь в текстовом режиме. И это стараются реализовать в ELinks: поддержка отображения цвета в поддерживающих эту возможность эмуляторах терминала, немного позиционирования с помощью CSS и даже какая-то поддержка JavaScript / ECMAScript. Техническая сторона сетевых технологий (как поддержка SSL) и поддержка различных кодировок текста были уже весьма основательны в браузере Links, но в ELinks некоторые возможности были улучшены, а другие более проработаны. ELinks это шаг вперед в концепции консольного веб браузера, что делает ELinks самым продвинутым примером её реализации. Хотя Lynx все еще вполне удерживает свои позиции. Его концепция просмотра веб-страниц в текстовом режиме даже представляя собой упрощение, особенный подход к представлению информации и обращению с ней, а не стремление походить на среду графических браузеров - работает весьма неплохо. Веб документы становятся все более и более сложно реализованными и (имея все неизбежные ограничения просмотра веб-страниц в текстовом режиме) следовать по особому пути в обращении с ними, это способ вполне могущий конкурировать с попыткой быть как основные, графические полнофункциональные веб браузеры настольных компьютеров. Это аналогично дилемме браузеров для мобильных устройств с небольшими дисплеями: пробовать имитировать компьютеры с большими дисплеями или трансформировать отображаемые веб документы, делая их соответствующими характеристикам среды. Текстовые браузеры большей частью используются на компьютерах с более или менее крупными дисплеями, так что тут меньше ограничений по размерам и больше соблазнов: Lynx - оставаться сдержанным, ELinks - выйти за пределы. Возможности Текстовый веб браузер. Версии для Linux, других *nix систем, Windows, DOS, OS/2, BeOS и еще некоторых других. HTML ( в том числе таблицы и фреймы ). Весьма ограниченно CSS и JavaScript ( Подробнее ). Поддержка цветовой палитры в 16, 88 или 256 цветов в поддерживающих эту возможность эмуляторах терминала / консолях. Поддержка вкладок, фоновых загрузок с оповещением об окончании загрузки. Поддержка мыши. Редактирование текстовых полей форм веб-страниц во внешнем текстовом редакторе. Горячие клавиши для URL. Поддержка сценариев на Perl, Lua, Guile, Ruby.

Текстовые браузеры для Linux

 

Lynx : Links : ELinks : W3m : Netrik : Retawq : Line mode browser Когда появились дистрибутивы Linux для более или менее широкой публики, просмотр веб-страниц онлайн был недавним явлением, хотя какой-то путь был пройден. Уже существовало несколько браузеров, многие из которых были постепенно портированы под Linux. Некоторые текстовые браузеры были в первой волне. И через какое-то время Linux стал основной средой для текстовых браузеров, где большинство из них развивается и используется. Даже если они большей частью и предназначены не только для Linux, но так же и для различных других *nix систем. Существуют и их порты под множество других операционных систем для самых разных платформ. Lynx - / home page / Текстовый браузер. Версии для Linux, FreeBSD, Mac OS X, некоторых других *nix систем, DOS, Windows, BeOS, MINIX, QNX, AmigaOS, OpenVMS и классических Mac OS. HTML ( Подробнее 1 ) ( Подробнее 2 ) Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: lynx.isc.org Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: w3schools.com/browsers/browsers_stats.asp Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: en.wikipedia.org/wiki/Lynx_(web_browser) Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: ebay.com Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: kompx.com/en/elinks.htm Lynx 2.8.7rel.1 в эмуляторе терминала GNOME Terminal 2.32.1, Zenwalk Linux: twitter.com Links - / home page 1 : home page 2 / Текстовый браузер. Версии для Linux, FreeBSD, Mac OS X, некоторых других *nix систем, BeOS, Haiku, OS/2, DOS, Windows.