Jak podnieść rorator do góry ?...

[dervi3]

[css]
#container, #content {
margin:0 auto;
position:relative;
}
[/css]

1.
Czyli moge stosować jeżeli divy maja takie same wartnosci np tak:

#header, #belka{
margin: auto;

2.

Stosowanie position:relative; i position:absolute;


realtive stosujemy do elementów które są ruchome np: menu.

absolute stosujemy do elementów tła np: tło pod menu,tlo pod tabele ?

Jak źle mówie to jak to działa ? bo ja stosoje przewaznie realtive do wszystkiego a dobrze by bylo wiedziec bo z kursów css tam opisane jest dla mnie trudno zrozumiale.

[Kartofelek]

Co do ad1 to nie jest to prawdą :]
Jeżeli aż tak mielibyśmy się trzymać semantyki, to połowa layoutów nigdy by nie zaistniała. Przykładów można by szerzyć co nie miara - ot choćby zaokrąglone narożniki (jako Puste spany), czy elementy dekoracyjne, które mają background ustawiony w stylach.

Skrócone formy nie zawsze mają sens. Wszystko zależy od kontentu. Przykład:

body {font-family:Arial; font-size:13px;}
...
...
.jakis_div {font-size:11px; ...inne pierdoly...}

[Pedro84]

Co do ad1 to nie jest to prawdą :]
Jeżeli aż tak mielibyśmy się trzymać semantyki, to połowa layoutów nigdy by nie zaistniała. Przykładów można by szerzyć co nie miara - ot choćby zaokrąglone narożniki (jako Puste spany), czy elementy dekoracyjne, które mają background ustawiony w stylach.

Puste spany - tak. Ale doświadczenie mnie nauczyło, że w 99% przypadków używanie pustych tagów jest nieuzasadnione i spowodowane złym pocięciem grafiki.

Semantyka jest b. ważna. Niechlujny kod świadczy tylko o tym, co go kodował.

Skrócone formy nie zawsze mają sens. Wszystko zależy od kontentu. Przykład:
body {font-family:Arial; font-size:13px;}
...
...
.jakis_div {font-size:11px; ...inne pierdoly...}

Co chciałeś przez ten przykład pokazać? Poza tym, po co używać font-family i font-size zamiast font:13px normal Arial;?

[dervi3]

Kartofelek nie w pełni Cię zrozumiałem ale chyba chodzi o to abym nie stosował:

#div {code;code;code}

tylko

#div {
code;
code
code;
}

I Prosze jeszcze o odpowiedz na pytanie 2. Stosowanie position:relative; i position:absolute;

[Ancik]

Witaj,

Jeżeli chodzi o formę spisywania atrybutów to zdecydowanie wygodniej jest pisac w bloku z uwagi na to, że podczas pracy reguły CSS są lepiej widoczne (to jednak pozostawiam kwestii twojego gustu ). Podczas zapisywania projektu końcowego zalecam ustawic atrybuty w linii, gdyż wiąże się to np. z tym, że kod zajmuje mniej miejsca i jest trochę szybciej odczytywany przez przeglądarki.

Jeżeli chodzi o pozycjonowanie elementów na stronie, to relatywnego pozycjonowania używa się do elementów, <b>względem których będzie się pozycjonowac</b>. Pozycjonowanie absolutne odnosi się z kolei do elementów pozycjonowanych.

Wyobraź sobie sytuacje, w której masz stronę, a jej szkielet składa się z body oraz wyśrodkowanego w tagu body diva o jakiejś tam szerokości. W tym divie, chcesz wypozycjonowac ikonkę. Tej ikonce nadajesz więc "position: absolute". I teraz to, względem jakiego obszaru będzie pozycjonowana ikonka, zależy od tego jakiemu obszarowi nadasz "position: relative". Jeżeli temu kontenerowi nadasz position:relative, to ikonka będzie pozycjonowana w nim.

Pojęcie nieco zawiłe, dlatego wlaśnie w tak wielu kursach dośc opornie tłumaczone. Mam nadzieje, że pomogłem

1.
Czyli moge stosować jeżeli divy maja takie same wartnosci np tak:

#header, #belka{
margin: auto;

Tak w niektórych sytuacjach możesz to stosowac, szczególnie kiedy 2 elementy mają te same atrybuty, a inne selektory

Pozdrawiam.