OpenStreetBugs — лёгкий способ сообщить об ошибке в OpenStreetMap

OpenStreetBugs — лёгкий способ сообщить об ошибке в OpenStreetMap

Вы, конечно, знаете о свободной карте OpenStreetMap. Это настоящая народная карта, создаваемая такими же людьми как и вы! Это такой же opensource-проект как Linux и как Википедия. Конечно же, как и в других картах, в OpenStreetMap имеются ошибки, но в отличие от тех же Яндекс.Карт, где ошибки не исправляются годами из-за сложной бюрократической процедуры (я уже не говорю о намеренных ошибках), в OpenStreetMap всё гораздо проще и лучше для всех нас...
Подробнее..

CloudMade Navigation поддерживает ограничения манёвров

CloudMade Navigation поддерживает ограничения манёвров

Не так давно CloudMade выделил несколько приоритетных направлений, среди которых оказалась и навигация. Решено было создать специальный проект Navi Studio, который объединял бы в себе несколько более мелких сервисов и позволял пользоваться ими, для создания полноценного навигационного программного обеспечения. В Navi Studio вошли: Работа закипела и уже появилось несколько приложений использующих данный проект. Но полноценной навигации без соблюдения правил ПДД не существует, а потому данному вопросу было также уделено не мало времени...
Подробнее..

Удали себя из интернет-социума — «Web 2.0 Suicide Machine»

Удали себя из интернет-социума — «Web 2.0 Suicide Machine»

Недавно наткнулся в сети на один занимательный интернет-сервис, именующийся Web 2.0 Suicide machine . Предназначен он для того, чтобы позволить людям, обремененным «социальной жизнью в интернете», в пару кликов удалить свои аккаунты на Facebook (в данный момент сервис блокирован администрацией по IP), Twitter, Linkedin и Myspace. В общем-то судя по количеству положительных отзывов и «успешных очищений» — пипл хавает зависимые от социальных сетей успешно пользуются сервисом и довольны...
Подробнее..



Прилипающий футер с не фиксированной высотой Css+Javascript

Заметки - Фишки CSS

 

В ответ на комментарий из поста про прилипающий футер.

… большой недостаток — фиксированная высота


Привожу пример исправления этого недостатка.

Html ничем не отличается

<div id= wrap >
<div id= main >
If юзер звонИт,<br>
then быть перебранке;<br>
If спам в Outlook повалил спозаранку,<br>
Then сослуживцы сегодня скучают,<br>
And юзера им не докучают.<br>
</div>
</div>

<div id= footer >
When до обеда ещё полувечность<br>
Loop мой keyboard стучит бесконечно,<br>
Мышки щелчки заглушают дыхание,<br>
На мониторе застыло внимание.<br>
Личная жизнь превращается в коды,<br>
В мыслях только РАБОТА, РАБОТА.<br>
If на досуге без сна и заботы<br>
Захочется вновь побыстрей на работу,<br>
Then вирус программщины вас захватил<br>
And нет бороться желанья и сил,<br>
And срочно увольтесть, сказать не забыв:<br>
End if;<br>
End loop;<br>
End if;<br>
End if;
</div>



Css код

* {
margin: 0;
padding: 0;
/*Можете воздержаться от комментариев по поводу такого сброса стилей,
в примере проще показывать так*/
}

html, body {
height: 100%;
}

#wrap {
position: relative;
min-height: 100%;
background-color:#ccc;
}

* html #wrap {
height: 100%;
/*Выносите стили для ИЕ в отдельный файл или делайте так как вам удобно,
здесь все вперемешку для наглядности*/
}

#main {
/*css*/
}

#footer {
position: relative;
background-color:#dcd8cb;
zoom:1;/*Решает некоторые проблемы в ИЕ6-7, в частности проблему с отображением bg-color*/
}



Javascript, решающий проблему с фиксированностью футера

function resize() {
var foot = document.getElementById('footer');
var footHeight = foot.offsetHeight;
foot.style.marginTop = -footHeight+ px ;
document.getElementById('main').style.paddingBottom = footHeight+ px ;
}

window.onload = resize;


За яваскрипт не бейте, в нем ещё не силен, только в процессе углубленного изучения. Предложения по улучшению принимаются

Ну и конечно же необходимо предусмотреть вариант если яваскрипт отключен.

 

 


Читайте:


Добавить комментарий


Защитный код
Обновить

News image

Скромный опыт и пачка граблей Oracle BI EE

Жизнь требует от нас знания худшего, чтобы делать из него лучшее. Оллпорт Г. В статье хотелось бы поделиться своим скромным опытом наступания ...

News image

Oracle RAC. Общее описание

Высоконагруженные сайты, доступность «5 nines». На заднем фоне (backend) куча обрабатываемой информации в базе данных. А что, если железо забарахлит...

News image

Adobe Alchemy - использование C/C++ в Adobe Flash

Adobe Labs опубликовала preview версию проекта Alchemy (ранее упомиинался как FLACC). Alchemy - это исследовательский проект, позволяющий пользов...

News image

Google выпускает тренажер для хакеров Jarlsber

Google объявила о выпуске специализированного микроблоггерского приложения Jarlsberg в рамках Google Labs и Google Code University. Его главное назн...

News image

Скрипты в Google spreadsheets

Не так давно стал доступен сервис скриптов в таблицах Google для персональных аккаунтов (gmail). googledocs.blogspot.com/2010/03/apps-script-gall...

Топ технологий:

News image

Оздана новая система беспроводной связи - она в 10

Ученые из Национального тайваньского университета разработали новую систему беспроводной передачи данных, которая позволит передавать инф...

News image

Как взломали Twitter

В Интернетах, наряду с iPad, сканерами в аэропортах и войне между Google и Apple, уже второй день подряд активно обсуждается тема взлома и...