Пустое пространство

[Mac1]

Всем привет!

Не могу понять, почему высота футера завист от высоты колонок ?

Если поднимаю футер к колонкам вверх, то остается пустота ниже футера, а если уменьшаю длину колонок, то появляется пустота между колонками и футером. Если увеличиваю высоту колонок страница увеличивает длину,  а футер залезает на колонки оставаясь на месте.

iv#navigation{position:relative; float:left; background:#bef574; width:25%; height:260px; font-size:1.5px;  line-height:1.5px; border-radius: 5px; margin:0; top:-186px;padding:5px;} div#navigation p{ list-style-type:none;} 

div#extra{position:relative; float:right; background:#cfb53b; border-radius: 5px; height:257px; padding:5px;}div#extra{ margin:0; top:-186px; text-align:center; text-decoration:none; min-width:2%; max-width:25%; }

div#footer{ position:absolute; background: #333;  border-radius:10px; margin-top:59em; width:100%; height:65px; bottom:-10px;}

[Z1gnet]

для начала выложите хтмл, а по стилям ничего не понятно. а лучше все это загрузите сюда и дайте ссылку 

 

div#navigation p{ list-style-type:none;}

 

это как? у Р нету лист-стайла

[Justnewone]

Да, надо ссылку.

И эта, элементу с  position:absolute; бесполезно назначать маргины

[klierik]

Оформи, пожалуйста, тему согласно рекомендаций: Как правильно оформить вопрос/проблему

[Mac1]

к сожалению ссылку не выложу. так как слетела кодировка utf-8 и показывает только - ???????????????????????

попробую исправить и выложить

[advokatua]

 

 

1. div#footer{ position:absolute; background: #333; border-radius:10px; margin-top:59em; width:100%; height:65px; bottom:-10px;}

У тебя расстояние от верха страницы ограничено марджином, да и абсолютная позиция стоит. Чехарда одним словом.

Оформи код в песочнице нормально, тогда подскажут конкретнее.