+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [CSS] Divy, Dwa kolory tła, Szablon (/thread-css-divy-dwa-kolory-tla-szablon)
Strony:
1
2
RE: [CSS] Divy, Dwa kolory tła, Szablon - maciejf - 12-01-2011
(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??
RE: [CSS] Divy, Dwa kolory tła, Szablon - Kartofelek - 12-01-2011
<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
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.
RE: [CSS] Divy, Dwa kolory tła, Szablon - maciejf - 13-01-2011
(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%;}?
RE: [CSS] Divy, Dwa kolory tła, Szablon - Kartofelek - 13-01-2011
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
RE: [CSS] Divy, Dwa kolory tła, Szablon - maciejf - 13-01-2011
Cytat:coznacza w tym przypadku html, body {min-height:100%;}?
dzieki Kartofelku
RE: [CSS] Divy, Dwa kolory tła, Szablon - Kartofelek - 13-01-2011
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
RE: [CSS] Divy, Dwa kolory tła, Szablon - maciejf - 24-02-2011
Zastosowalem wskazówki, mam tło 3 kolorowe, ale caly content ustawia sie pod tłem a nie na tle....