[HTML][CSS]Powtarzalne ID elementu., Co na to W3C? Opcje

[lepmajster]

Czesc
Mam pytanie, czy mozna powtarzac ID danego elementu, np tak:

[HTML] pobierz, plaintext 
<div class="rysuj_okienko" id="czerwony_kolor">jakas tresc</div>
<div class="rysuj_okienko" id="czerwony_kolor">Inna tresc</div>
[HTML] pobierz, plaintext 

Chodzi o to, czy mozna stosowac ID jako dodatkowe atrybuty zdefiniowane wczesniej w CSS.
I czy taki ID mozna bezgranicznie powtarzac, bo spotkalem sie z opinia ze nie wolno tak robic, ze ID powinien byc unikalny dla kazdego elementu.
Tyle ze potrzebne mi cos oprocz class do przypisywania styli, bo np CLASS odpowiada u mnie za narysowanie ogolnego okienka, a ID odpowiadal by za kolorystyke.
Moze jest jakies inne wyjscie.
Mam nadzieje ze jest to zrozumiale, o co mi chodzi.

Druga sprawa padding.
Wiadomo ze ten atrybut rozciaga nam diva, mozna jakos temu zapobiec?
Wiem ze moge odjac od width diva okreslona ilosc px, zeby z paddingiem nadal mial taki rozmiar jak trezba, ale z tego co pamietam niektore przegladarki nie rozszerzaly divow przy paddingu i moze mi sie strona rozjechac.

Ten post edytował lepmajster 21.05.2010, 15:29:12

[Pawel_W]

to są prostu 2 oddzielne style (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
.rysuj_okienko {
}
.czerwony_kolor {
 
}
[HTML] pobierz, plaintext 

co do problemu z IE to możesz bawić się 'expressions', tylko IE je obsługuje (IMG:style_emoticons/default/smile.gif)

Ten post edytował Pawel_W 21.05.2010, 15:44:21

[lepmajster]

to są prostu 2 oddzielne style (IMG:style_emoticons/default/smile.gif)

czyli takie cos?

[CSS] pobierz, plaintext 
.rysuj_okno{
width: 180px;
height: auto;
border: 1px solid #000000;
}
.czerwony_kolor {
background: #FF0000;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="rysuj_okno czerwony_kolor"></div>
[HTML] pobierz, plaintext 

Jesli to faktycznie dziala, to wlasnie o to mi chodzilo (IMG:style_emoticons/default/smile.gif)
Fajnie ze ktos mnie zrozumial, bo trudno mi bylo to wytlumaczyc.
Dzieki wszystkim za pomoc!
Daje Wam pomogl.

PS. A ile takich klas mozna laczyc? (IMG:style_emoticons/default/winksmiley.jpg)

CO DO PADDING, Nie ma innego sposobu?

padding był wliczany w szerokość diva w starszych przeglądarkach, jak np. IE 6.0

teraz wszystkie przeglądarki dodają go do szerokości

To troche komplikuje mi sytuacje, bo chcialem stworzyc dynamicznie generowane divy, ze ktos wpisuje w pole szerokosc np 180px i padding np 5px, wtedy div bedzie mial 190px, ale to jeszcze mozna w kodzie php odjac (szerokosc-(2xpadding)), gorzej jak ktos w okienku PADDING: wpisze 5px 0px 5px 5px; wtedy bede musial pierw porozdzielac ten wpis na pojedyncze wartosci i zsumowac left+right i dopiero odjac od szerokosci, ciezka sprawa (IMG:style_emoticons/default/smile.gif)

Ten post edytował lepmajster 21.05.2010, 15:55:26

[tehaha]

PS. A ile takich klas mozna laczyc? (IMG:style_emoticons/default/winksmiley.jpg)

CO DO PADDING, Nie ma innego sposobu?

1.możesz nadawać dowolną ilość klas
2.dodanie atrybutu display:inline likwiduje problem z IE6