Kompx.com or Compmiscellanea.com

Float bottom

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

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

В CSS нет свойства "float: bottom", однако эффекта можно добиться и некоторыми другими способами. Пример:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Float bottom

HTML / XHTML. Код:

<div class="box1">

<div class="content1">

<div class="left1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

<div class="menu1">

<p><a href="#">Link 1</a></p>

<p><a href="#">Link 2</a></p>

<p><a href="#">Link 3</a></p>

</div>

</div>

<div class="bottom1">Float bottom</div>

</div>

CSS. Код:

.box1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%;}

.content1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%;}

.left1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 64%;}

.menu1 {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 36%;}

.bottom1 {position: absolute; bottom: 0px; right: 0px;}

/* Дополнительные CSS, просто для приведения примера к некоему внешнему виду */

.box1 {color: #ddd; text-align: center;}

.content1 {background: #bbb;}

.left1 {min-height: 100px; padding: 2%; text-align: justify; background: #006; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.menu1 {padding: 2%; float: right; background: #060; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.menu1 p {position: relative; top: 0px; left: 0px; float: left; height: auto; width: 100%; padding: 0px; margin: 0px;}

.menu1 a {color: #ddd; text-decoration: none;}

.menu1 a:hover {text-decoration: underline;}

.bottom1 {padding: 2%; color: #eee; background: #600;}

Всё содержимое веб-страницы находится в контейнере box1. Внутри него два контейнера div:

1. content1 с собственно содержанием слева и меню справа.

2. bottom1 после content1. Он должен оказаться визуально внутри content1, у его нижнего края и оставаться там, на одном месте при изменениях высоты этого контейнера - то есть, быть как бы "float: bottom" в рамках контейнера content1.

С помощью "position: absolute" and "bottom: 0px" bottom1 помещается у нижнего края контейнера box1. В данном случае блок с меню находится справа, так что bottom1 тоже должен быть выровнен по правому краю - это достигается использованием "right: 0px". Если бы меню было слева, bottom1 мог быть выровнен по левому краю - "left: 0px".


[ 1 ]

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

[ 2 ]

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


Aliosque subditos et thema

 

HTML выравнивание по центру

 

Выравнивание содержимого страницы по центру в видимой области окна браузера с помощью HTML - без CSS. Контейнер, в котором будет находится содержимое веб-страницы выравнивается по центру - по ширине и по высоте: [ Открыть страницу-пример ]. HTML. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>HTML выравнивание по центру</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"> </head> <body bgcolor="#ffffff"> <table width="100%" height="100%" bgcolor="#a3ddc4"> <tr> <td align="center"> <table width="800" height="500" bgcolor="#ff6f6f"> <tr> <td>&nbsp;</td> </tr> </table> </td> </tr> </table> </body> </html> Внешняя HTML-таблица делает всю видимую область окна браузера, за исключением отступов от каждого края элемента, HTML-таблицей, а все пространство этой таблицы - ячейкой HTML-таблицы. Ячейка внешней HTML-таблицы наследует значение по умолчанию для атрибута valign от своего родительского ряда ( тег tr ) таблицы. А этот ряд в свою очередь наследует значение по умолчанию для атрибута valign от тега tbody внешней HTML-таблицы - даже если тег tbody не использован. И это значение: middle. Так что контейнер с содержимым внутри внешней HTML-таблицы выравниватся в видимой области окна браузера по центру - по высоте. Align="center" ячейки внешней HTML-таблицы выравнивает контейнер с содержимым внутри неё по центру / по ширине в видимой области окна браузера Внутренняя таблица, та, которая внутри ячейки внешней HTML-таблицы, создает контейнер данного размера. Высота может быть не задана или ширина или и то, и другое. Тогда размер контейнера будет принимать такие величины, какие позволят вместить содержимое. Если ширина или высота или то, и другое окажутся больше размеров видимой области окна браузера, то все равно контейнер будет выровнен по центру. Поскольку выравнивание по центру с помощью только HTML является самым старым методом, он работает не только в более старых браузерах, но и в таких, которые попросту древние. После добавления еще одного HTML тега ( <center></center> ) вокруг внешней HTML-таблицы данный способ будет работать и в Internet Explorer 3 : [ Открыть страницу-пример ] Скачать Internet Explorer 3: пакет, содержащий версии 3.0, 4.01, 5.01, 5.5, 6.0 Internet Explorer'а HTML.

Arachne. Графический веб браузер для DOS

 

Сразу перейти к: Установка и настройка веб браузера Arachne для подключения к сети Интернет через Ethernet Установка и настройка веб браузера Arachne для подключения к сети Интернет через модем и телефонную линию (Dial-up) Версии : Настройка и использование : Где скачать Arachne, полноэкранный графический веб браузер для DOS на IBM PC-совместимых компьютерах. Создан Michael Polak. Первый выпуск 22 декабря 1996 года. Последняя версия от Arachne Labs была выпущена 22 января 2001 года. В ноябре 2003 исходный код Arachne был открыт и последующие версии выходят под лицензией GNU GPL. Arachne распространяется в виде пакета программ, включающего, помимо веб браузера, встроенный клиент электронной почты, FTP, мастер настройки соединения по PPP-протоколу, проигрыватель WAV-файлов. Возможна установка дополнительных модулей: для просмотра графических файлов, PDF, файл-менеджеры, mplayer, Telnet клиент, IRC и т.д. - список продолжает пополняться. После установки дополнительных пакетов, Arachne поддерживает кириллицу: Windows-1251 и KOI8-R. Соединение с интернетом через последовательные порты (COM) и Ethernet. Существует версия Arachne для Linux / SVGAlib. Версии GPL версии Arachne. Основная линия развития браузера. В её рамках происходят изменения и обновления. Занимается группа энтузиастов, которые делают и GPL версию для Linux / SVGAlib. Версии от Arachne Labs. Arachne Labs, первоначально xChaos software, были главной структурой, занимавшейся усовершенствованием Arachne до 2003, когда исходный код Arachne был открыт и основной линией развития стали GPL версии браузера. Последняя версия от Arachne Labs для DOS была выпущена 22 января 2001 года: Arachne 1.70 Release 3. Версия от Ray Andrews. Несколько измененный вариант GPL версии Arachne. Версии PTS-DOS. В общем аналогичны соответствующим версиям Arachne, но до некоторой степени интегрированы с дистрибутивом PTS-DOS. DR-WebSpyder. Создан на основе Arachne. В принципе - другой браузер, для которого Arachne только предок. Позже стал называться Lineo Embrowser. Настройка и использование Веб браузер Arachne был создан в DOS и для DOS (версия для Linux стоит несколько особняком). Поэтому, хотя Веб браузер Arachne будет работать во многих версиях Windows, в частности Windows XP, наиболее полно качества веб браузера Arachne проявляются при работе именно под DOS. Веб браузер Arachne работает во всех основных вариантах DOS, например MS-DOS, FreeDOS или PTS-DOS. Системные требования невелики. В минимальном виде: процессор 80x86, основная память 500 Кб, расширенная 1 Мб, видео SVGA 512 Кб, необходимое пространство на HDD - 5 Мб. Но работа в максимальном разрешении экрана, с максимально возможной для веб браузера Arachne цветопередачей требует уже больше. Но и в этом случае они по нынешним меркам крайне малы - компьютер с 486, лучше с Pentium I, основная память 640 Кб, расширенная 8+ Мб, видео SVGA 2+ Мб. Многое зависит от конкретных настроек браузера: если разрешение дисплея выставлять в 640x480, устанавливать Arachne на диск, создаваемый в RAM, то возможно использование на компьютере с 386 процессором; лишь бы хватало RAM и возможностей видеоадаптера. Помимо традиционной установки на компьютер, возможно также использование DOS LIVE CD от Романа Карпача ( www.fdd5-25.net/doslivecd ), где веб браузер Arachne является частью набора программ. Особенности установки веб браузера Arachne таковы, что сразу производятся и все основные настройки. В Windows, Mac OS X или Linux они большей частью относятся к ведению операционной системы, но в DOS веб браузер Arachne занимается всем сам.