Zaloguj się

maciejf · 12-01-2011, 21:18

(12-01-2011, 19:13)Kartofelek napisał(a): No ale pal licho.
html, body {min-height:100%;}
.div1 {height:30%; overflow:hidden; background:yellow;}
.div2 {height:30%; overflow:hidden; background:red;}
.div3 {height:30%; overflow:hidden; background:blue;}
.content {position:absolute; top:0; left:50%; width:960px; margin:0 -350px; hiehgt:100%; overflow:hidden;}

Ten kod mi już dużo wyjaśnia, mozesz opisac zawartość tych linijek kodu , dlaczego akurat takie wartosci??

a jak bedzie wygladal kod w pliku .html w odniiesieniu do tego wyzej w css???Gdzie beda umieszczone te divy1 2 i 3????

Trzy divy na wysokość strony ale suma tych wysokosci to 90%, pozostałe 10% strony??

Wysuwam jeden wniosek z tego wszystkiego, ze divy nie moga się na siebie nakładac??

**Kartofelek** · 12-01-2011, 22:13

<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

<div class="content">

</div>
</body>

Jako ze to wszystko CSS, nie stracisz pierwszeństwa dla najwazniejszego - czyli contentu. A że content jest ostatni w kodzie, nie trzeba z-index, bo i tak przesłoni poprzednie Wink

Co do 30%; oczywiście miało być 33,333%. Mój błąd. I divy mogą a nawet powinny się na siebie nakładać. To podstawa przy zabawie z divami.
Tworzyłeś kiedyś w jakimś programie graficznym z warstwami? Identycznie jest z divami.

maciejf · (Ten post był ostatnio modyfikowany: 13-01-2011, 14:24 przez maciejf.)

(12-01-2011, 22:13)Kartofelek napisał(a): <body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>

<div class="content">

</div>
</body>

czy zamiast class moge uzyc tu id?? skoro tylko raz uzywam na stronie danego diva???

a gdzie w tym kodzie znajda sie divy związane z szablonem???

Korzystam czasami z photoshopa, cała zabawa polega na tym ze mozemy kombinowac potem z nakladniem sie warstw, a w CSS jakie narzedzie wykorzystujemy do nakladania sie???i uzyskania docelowej kompozycji?? (kolejnosc, z-index)???

jak sie ma do divów selektor html, body???? i coznacza w tym przypadku html, body {min-height:100%;}?

**Kartofelek** · 13-01-2011, 15:59

1) w content jak sama nazwa wskazuje. przetestować.
2) id czy klasy. Osobiście przestawiam się na klasy bo to wygodniejsze i ladniejsze (choć w nie każdym przypadku). Ponoć też szybsze, chociaż tego nie potwierdzę.
2) Nie ma i nie ma prawa być, bo by generowało bzdety jak powyższy kod Wink

maciejf · 13-01-2011, 16:06

Cytat:coznacza w tym przypadku html, body {min-height:100%;}?

dzieki Kartofelku

**Kartofelek** · 13-01-2011, 16:28

oznacza tyle, że body musi mieć minimalną wysokość 100% - czyli cały ekran. Jak by miał mniejszą, to twoje divy przyjęły by 33% właśnie tej nie pełnej wysokości.
Dla starych IE trzeba by dać zamiast tego height:100%; bo w IE i tak rozciągnie jak będzie więcej tekstu (błąd). W tym przypadku najlepiej dać
html, body {_height:100%; min-height:100%;}
- oczywiście jak interesują cię stare IE

maciejf · (Ten post był ostatnio modyfikowany: 24-02-2011, 01:45 przez maciejf.)

Zastosowalem wskazówki, mam tło 3 kolorowe, ale caly content ustawia sie pod tłem a nie na tle....

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie