Układ trzech kolumn ze stałymi kolumnami - html, css, layout

Szukam układu trzy kolumny (pełny ekran) z nagłówkiem i stopką (Nie konstrukcja płynna / płynna). to znaczy

• gdy ponownie zmieniam rozmiar mojej przeglądarki, moje treści nie powinny być zastępowane.
• Bez względu na to, jak jedna z trzech kolumn będzie najdłuższa wejdź na dno.
• Na koniec, nawet jeśli w 3 kolumnach nie ma treści do wypełnienia strony, stopka pojawi się na dole.

(Potrzebuję również sugestii, która metoda jest przydatna, aby utrzymać mój projekt stały w prawie wszystkich głównych przeglądarkach, czy tak jest %(tabela, tr, td), px lub em ?)

Innymi słowy, Tak jak Facebook.

Odpowiedzi:

JEŚLI szukasz "3-kolumnowego projektu"najlepiej idź z elementami div i używając pewnego% dla każdej kolumny. Jeśli użyjesz stałej szerokości w pikselach lub em, możesz zmienić się w kłopoty (kolumny przesuwają się poniżej siebie) przy zbyt dużej zmianie rozmiaru. Jeśli jednak użyjesz wartości procentowej i zmienisz rozmiar, będziesz mieć problemy również poniżej pewna rozdzielczość, ale w przypadku większych rozdzielczości% są zazwyczaj bardziej doskonałe. Wadą tego podejścia procentowego jest to, że nie możesz zawsze dokładnie ułożyć strony tak, jak chcesz, ponieważ jej wartość procentowa zmienia szerokość kolumn w zależności od wyświetlanego ekranu.

Upewnienie się, że stopka znajduje się poniżej kolumn, można osiągnąć za pomocą a jasny znacznik css w ostatniej kolumnie lub w elemencie br po kolumnie, ale przed stopką na przykład.

Aktualizacja:

Przykład układu 3-kolumnowego ze stopką u dołu: http://puu.sh/9tga

Przykład z 3 kolumną, nagłówkiem, stopką: http://puu.sh/9tm6

Przykład ze stałym nagłówkiem i stopką: http://puu.sh/9toj

Brzmi, jakbyś mógł użyć Twitter Bootstrap i użyj układu 3 kolumn (lub wybierz spośród innych).