div i układ płynny Opcje

[tryhp3]

mam stronkę która jest podzielana na 3 sekcje
-nagłówek
-treść
-stopka
zawarte jest to w w 3 divach
strona ma zajmować całą dostępną szerokość i wysokość dostępnego okna przeglądarki, co udało się prawie uzyskać...
ale po kolei...
nagłówek i stopka mają określoną wysokość
sprawę całej szerokości okna załatwia np:

[HTML] pobierz, plaintext 
<div id="header">
        <div id="h-lewa">
               <div id="h-prawa">
               </div>
        </div>
</div>
[HTML] pobierz, plaintext 

w stylach:

[CSS] pobierz, plaintext 
#h-lewa {   
   width: 100%;
   float: right;
   margin-left: -280px;
}
 
#h-prawa {
   margin-left: 280px;
}
[CSS] pobierz, plaintext 

podobnie jest ze stopką, z treścią również tylko trzeba sobie policzyć dostępną wysokość ekranu, minus nagłówek i stopka, ja to robię tak:

[CSS] pobierz, plaintext 
* {
	margin: 10;
}
html, body {
	height: 100%;	
}
.header {
	height: 180px;	
}
.tresc{	
	min-height: 100%;
	height: auto !important;
	height: 100%;
        margin: -180px auto -90px; /*stopka, treść  i nagłówek*/	
}
.footer {
	height: 90px;	
}
[CSS] pobierz, plaintext 

Podobnie jak dla nagłówka mamy

[HTML] pobierz, plaintext 
<div id="tresc">
        <div id="t-lewa">
               <div id="t-prawa">
               </div>
        </div>
</div>
[HTML] pobierz, plaintext 

I wszystko by było ładnie, ale "t-lewa" i "t-prawa", zajmują wysokość jaka jest im potrzebna, a ja chce żeby one zajmowały dokładnie całą przestrzeń wyznaczoną przez div id="tresc".

Ten post edytował tryhp3 5.12.2009, 00:46:41

[emp]

Ja się nie szczypie bez sensu i nie marnuje czasu tylko robię takie rzeczy na tabelkach 1 minuta roboty działa od razu na każdej przeglądarce bez żadnego kombinowania. Zauważ że jak strony są tylko na divach to zawsze mają stała szerokość nie bez powodu.

Tabelka to normalny element html-a i normalnie jak każdy inny element powinieneś go używać.

@down Drako ja te strony znam nie od dziś i te śmieszne argumenty dla lamusów którzy sami niczego nie sprawdzają też. Zrobisz stronę która się dopasowuje do rozdzielczości strony i gdzie masz kolumny z określonymi szerokościami i takie które się dostosowują na divach to jak ci się to uda to nakombinujesz się, zmarnujesz nie 5 minut tylko 5 godzin, twój kod będzie strasznie skomplikowany, większy bo przekombinowany i o wiele cięższy, ale najpierw ci się to musi udać tak żeby chodziło na większej ilości przeglądarek niż jedna. Nie jestem fanem ani diwów ani tabelek czy też hejterem i zupełnie mnie nie obchodzi lansowanie się na profesjonalistę bo nie używam tabelek. Nigdy nie byłem i nie będę "profesjonalistą" a to określeniu kojarzy mi się z lansującymi się lamusami.

Ten post edytował emp 5.12.2009, 01:46:10

[tryhp3]

divy wymusza co innego, i muszą zostać

[darko]

@emp, no nie wiem, polecam Ba! Powstał nawet powiedzmy komiks czy coś w tym rodzaju.

[tryhp3]

zrobiłem parę eksperymentów z udziałem

[CSS] pobierz, plaintext 
 position:absolute;
[CSS] pobierz, plaintext 

i efekt mnie zadowala