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

Embedded InnoDB новый движок баз данных

Oracle выпустила Embedded InnoDB. Совсем недавно «красный гигант» выпустили Embedded InnoDB, под довольно демократичной лицензией GPLv2, не Апатч...

News image

Adobe выпускает новые продукты для разработки приложений на Flash, Col

Компания Adobe объявила о выпуске новых продуктов для разработки приложений на базе технологий Flash, ColdFusion и Flex. В частности, разработку на ...

News image

Google I/O: новый Android, Google TV и машинное обучение

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

News image

Safari 5.01 и галерея расширений

В среду 28 июля 2010 Apple предприняло два замечательных шага. Первый и основной - возможность включения расширений без лишнего геморроя, второй - к...

News image

Браузер Safari обновился до 5й версии

Примерно полчаса назад Apple выложила для свободного скачивания новую версию своего браузера — Safari 5. Список изменений коротко можно описать т...

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

News image

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

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

News image

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

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