Стопроцентова височина.

G

gLaVoReZa

Registered
Здравейте,

значи имам една страница със хийдър, съдържание и фуутър. Ако приемем, че хийдирът и фуутърът са с фиксирана височина, то съдържанието логично се разтяга според количеството на въведената информация в него.

Проблемът е, че ако в съдържанието има прекалено малко информация, то фуутърът се вдига нагоре и под него остава празно място. Аз искам да направя така, че съдържанието да има такава минимална височина, че фуутърът винаги да се пада на края на страницата, като естествено ако има повече съдържание, той да пада още по-надолу. Тоесдт трябва да залепя фуутъра плътно на дъното на страницата, независимо от височината на съдържанието над него.

Задаването на min-height на съдържанието не върши работа, защото не се знае потребителят с каква разделителна способност е. Знам, че това може да се вземе с JavaScript или PHP, но не искам да го правя по този начин. Трябва ми някакво просто и елементарно рлешение с CSS.

594129.png
 
даааа.. пич и аз като почвах имах същия проблем , ето ти 1 съвет използвай ТАБЛИЦА .. и аз отначало си викам ,че това е много гадно и само ще ми са пречка тая таблица но е по - добре отколкото да ми стои грозен сайта... :?:

Самия код тряя да изглежда така:

HTML: 
<html>
<head>
<ttitle>Заглавието</ttitle>
</head>
 </body>


<table cellpadding='0' cellspacing='0'>
<tr>
   <td>
     Хеадера
   </td>
</tr>
<tr>
   <td>
     Контента
   </td>
</tr>
<tr>
   <td>
     фоотер-а
   </td>
</tr>
</table>


 </body>
</html>


освен това може да използваш и тагове като thead,tfoot и др. (ако има) :)
 
http://ryanfait.com/sticky-footer/

Работи дори в IE6. Тествал съм го в два дизайна, които съм кодирал и всичко е наред :)
 
Просто направи главен див - в него слагаш дизайна. После сложи фуутъра под главният див и воала.
 
Благодаря за отговорите. Давам точката на Адриан, защото е предложил най-добро решение.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе