-
Path: news-archive.icm.edu.pl!news.rmf.pl!nf1.ipartners.pl!ipartners.pl!plix.pl!newsf
eed1.plix.pl!news.nask.pl!news.nask.org.pl!not-for-mail
From: yew <y...@q...dude>
Newsgroups: pl.comp.www
Subject: Re: pozycjonowanie warstw dla poczatkujacego
Date: Fri, 20 Feb 2009 13:52:36 +0100
Organization: NASK - www.nask.pl
Lines: 58
Message-ID: <gnm92m$843$1@pippin.nask.net.pl>
References: <b...@r...googlegroups.com>
NNTP-Posting-Host: tyra.jak.wol.w.omnigence.com
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: pippin.nask.net.pl 1235134358 8323 195.164.48.94 (20 Feb 2009 12:52:38 GMT)
X-Complaints-To: abuse ATSIGN nask.pl
NNTP-Posting-Date: Fri, 20 Feb 2009 12:52:38 +0000 (UTC)
In-Reply-To: <b...@r...googlegroups.com>
User-Agent: Thunderbird 2.0.0.19 (Windows/20081209)
Xref: news-archive.icm.edu.pl pl.comp.www:390725
[ ukryj nagłówki ]javier pisze:
> Witam
>
> Mam problem z pozycjonowaniem warstw, jestem poczatkujacy w te klocki,
> poczytalem troche na ten temat w sieci i juz mniej wiecej wiem co mam
> robic.
>
> Mam taki schemat strony:
> http://img6.imageshack.us/img6/503/10545054aq8.jpg
>
> Gdyby strona miala byc wyrownana do lewej, to nie byloby problemu, bo
> kazda z warstw z serii div1, div2... mialaby konkretna pozycje
> (position: absolute; top: x; left:y)...
>
> Jednak problem jest taki, ze nie wiem jak ukladac poszczegolne warstwy
> jesli szare tlo chcialbym miec wycentrowane.
Obejmij wszystkie warstwy w jeden element, nadaj mu szerokość i
wyśrodkuj ten element.
> Teoretycznie zakladam, ze mam te warstwy we wnetrzu poukladac
> relatywnie do warstwy szarej - ale uzywanie position: realtive chyba
> mi nie wychodzi :(
Nie używaj relative ani absolute w przypadku tworzenia głównych
elementów layoutu. To nie projekt graficzny gdzie masz co do piksela
podane wysokości i szerokości. O ile szerokość możesz sobie sam ustalić
to nie wiesz nigdy ile treści będzie wewnątrz (czyli jaka musi być
wysokość aby pomieścić tą treść).
Próbuj konstruować bardziej tak:
1. Najpierw DIV1
2. Potem mamy kolumnowy layout więc opakowujesz 2,3,4 w DIV a w środku
układasz kolumny za pomocą float
3. Potem znowu pod spodem DIV 5
itd.
Uprzedzając pytanie: "Jak zrobić żeby 2,3,4 miały taką samą wysokość"
Nie da rady nadać height 100%, można to obejść na wiele sposobów w
zależności od projektu graficznego. Poszukaj w sieci o 3 kolumnowych
layoutach.
> I jeszcze jedna rzecz.
> Czy to zle jesli ulozylbym cala strone (dla kazdej warstwy div1, 2
> itd) dajac kazdej z nich osobna klase w css? (chyba tylko tak
> potrafie) Czy powinienem raczej uzywac tych identyfikatorow z # (#div1
> #div2), a parametry ogolne nadac do glownego diva w klasie?
Ja bym użył id w tym przypadku. Id sugeruje, że nie istnieje inny taki
element (nie może być 2 takich samych elementów o takim samym id), a w
tym przypadku to są części strony i każda z nich jest inna (czyli np
<div id="top"> itp).
Klasy służą głównie do nadawania właściwości elementom powtarzalnym, np
nagłówkom, listom, linkom itd. w różnych częściach serwisu.
--
yew
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-03-16 Nowa ustawa o ochronie praw autorskich - opis problemu i szkic ustawy
- 2025-03-16 Nowa ustawa o ochronie praw autorskich - opis problemu i szkic ustawy
- 2025-03-16 Najlepszy akumulator 12V
- 2025-03-16 Co powinno spotkać "adwokatów dwóch" uczestniczących w przesłuchaniu świadka do którego nie dopuszczono adwokata świadka?
- 2025-03-16 Przednich p-mgielnych nie wolno bez mgły
- 2025-03-16 Co w KANADZIE wolno komercyjnie (na razie się nie czepili?)
- 2025-03-16 silnik-chwilówka
- 2025-03-16 Prokurator Wrzosek "Bezstronna" nie przyczynia się do śmierci (dowodnie) - oświadcza bodnatura [Dwie Kacze Wieże]
- 2025-03-15 kraje nieprzyjazne samochodom
- 2025-03-15 parking Auchan
- 2025-03-15 Art. 19.1 ustawy o ochronie praw autorskich
- 2025-03-15 przegląd za mną
- 2025-03-15 Na co komu okna
- 2025-03-15 Mój elektryk
- 2025-03-15 Fejk muzyczny czy nie fejk