MozillaPL.org - polskie centrum Mozilli

autor: **PaK** » 24 listopada 2005, 17:39

Czy istnieje możliwosć stworzenia takiego layoutu w css ? Na tabelach niestety overflow przy wspolpracy z div nie dziala, poniewaz vertykalnie tabele sa rozciagane pomimo tego ze sa ustawione na height:100%; Chodzi mi po prostu o stworzenie typowego okna z podzialem na header,footer i contanet, content w zaleznosci od tego czy tresc przekracza wielkosc ekranu czy nie posiada scrolling, od paru dni usiluje stworzyc cos takiego i nie jestem w stanie

Prosze o pomoc! z gory dziekuje

autor: **PaK** » 24 listopada 2005, 17:42

I prosil bym o jakies sprawdzone rozwiazania, a nie odpowiedzi w stylu uzyj top, bottom, position:absolute ;-)

Jestem naprawde zdesperowany przez ten problem i prawie napewno wiem ze bez uzycia js tego sie nie da zrobic, ale ludze sie ze ktos z grupowicza moze ma jakis genijalny pomosl...

autor: **Zajec** » 24 listopada 2005, 21:27

Średnio estetycznie http://paulinka.be/pak

autor: **Gość** » 24 listopada 2005, 21:44

Zajec pisze:Średnio estetycznie http://paulinka.be/pak

tylko ze overflot:auto ma byc tylko dla tego co jest w srodku

autor: **Zajec** » 24 listopada 2005, 22:19

Tego właśnie dotyczyła "średnia estetyczność" ;-)

autor: **PaK_guest** » 25 listopada 2005, 02:41

Doszedlem juz do podobnego efektu tyle ze jak da sie powiedzmy:
#content {
padding-top:20px;
width:100%;
height:100%;
} to content ma wtedy height:100% + 20px, z kolei gdy dodab do tego teraz powiedzmy #content.container { padding:20px; } to juz nie moge miec teraz height:100%;

autor: **Tomek** » 25 listopada 2005, 08:25

http://www.tomasiek.cp.win.pl/temp/panwlodek/
w pełni chyba działający layout

- przy czym nadana jest wysokość dla treści

a lewa część troszkę nagmatwana - można czyściej...ale to robione na szybko

autor: **PaK_guest** » 25 listopada 2005, 13:25

No tak ale w tym przypadku width i height sa juz dokladnie zdefiniowane

a mi sa potrzebne wartosci procentowe

hehe rozwaizania chyba nie ma, css po prostu tego nie potrafi :/

autor: **Gość** » 25 listopada 2005, 14:21

a gdyby sprobowac:

html,body {
height: 100%;
}

body {
podding: 20px 0px;
}

#content
{
height: 100%;
}

jak wroce do domu, to sprawdze dokladnie - teraz pisze z glowy[/list]

autor: **ziem** » 25 listopada 2005, 17:46

Zajec pisze:Średnio estetycznie http://paulinka.be/pak

Wywala IE 6.0 :-)

.

autor: **ziem** » 25 listopada 2005, 17:57

PaK_guest pisze:No tak ale w tym przypadku width i height sa juz dokladnie zdefiniowane a mi sa potrzebne wartosci procentowe hehe rozwaizania chyba nie ma, css po prostu tego nie potrafi :/

można takie rzeczy robić łatwo w JS, może nie warto sięupierać przy CSS, wymaga to tylko pobrania wymiaru okna (i.e. elementu body) i ustawienia onload wysokości elementu środkoweego - ale jakiekolwiek obramowania trzeba dodawać z głową, bo %y gryzą się z inymi miarami

autor: **PaK_guest** » 26 listopada 2005, 10:14

Domyslalem sie, ale wolalem sprawdzic czy napewno js to jedyne wyjscie, szkoda, no coz ale nie mozna miec wszystkiego, css jest jednak bardzo nie doskonale

autor: **PaK_guest** » 26 listopada 2005, 10:17

Anonymous pisze:a gdyby sprobowac:

html,body {
height: 100%;
}

body {
podding: 20px 0px;
}

#content
{
height: 100%;
}

jak wroce do domu, to sprawdze dokladnie - teraz pisze z glowy[/list]

No niestety jak sie zrobic w ten spsob zawartosc okna ma wtedy wysokosc 100% + 40 px

autor: **riddle** » 26 listopada 2005, 23:34

Więc trzeba to shackować:

Kod: Zaznacz cały: <body><div id="container"> .... tresc strony .... </div></body> html,body { height: 100%; } body #container { padding: 20px 0px; } #content { height: 100%; }

I nie czytałem wątku, po prostu odpowiadam na ten „problem”.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

Nietypowy div layout [flexible]

Nietypowy div layout [flexible]

o

o!

Re: o!

ooo!

ooo!

Kto jest online

Nawigacja:

Stopka: