[CSS] Div'y div'y div'y... Opcje

[Kuziu]

Elo,

Tak na wstępie, macie może jakiś kurs CSS ale taki który by tłumaczył na przykładach a nie opisane display:inline - to i to argument - to i to

Co mi po tym jak nie wiem w praktyce np. Jak postawić 2 Div'y obok siebie

Robie:

[HTML] pobierz, plaintext 
#logoLeft{
      display:inline;
      background-color:#f00fff;
}
#logoRight{
      display:inline;
      background-color:#ff000f;
}
[HTML] pobierz, plaintext 

i

[HTML] pobierz, plaintext 
<div id="logoLeft">
    <p>lewe</p>
</div>
<div id="logoRight">
     <p>prawe</p>
</div>
[HTML] pobierz, plaintext 

To pojawiają się 2 napisy pod sobą, Divy nie mają tła itp. Do czasu aż nie dodam

[HTML] pobierz, plaintext 
p{display:inline;}
[HTML] pobierz, plaintext 

No ale przecież TAG p, nie powinien mieć argumetu display:inline bo przecież to jest akapit i powinien łamać linie !

Nic już nie czaje, chce złożyć cały layout a tu z takimi podstawami są problemy.
To wszystko przestaje mieć sens. Jest z tymi stylami/div'ami tylko kłopot, a tak miały pomagać.

-------
inny przykład: zrobię 2 divy w 1 wiekszym i nadam temu duzemu backgroun-color a tym 2 float:left float:right to one go nie wyciągają dlaczego !? niewiadomo bezsens

Ten post edytował Kuziu 4.04.2006, 13:01:37

[ens0re]

Dodajesz float do 1 problemu. A co do 2 problemu to dajesz diva na sam dół z regułką 'clear: both' i rozciagnie sie. Poprzegladaj layouty na divach, w necie pełno jest.

http://htmlhelp.shl.pl/index.php - Polecam!
http://www.alistapart.com/articles/fauxcolumns - Tu masz ten problem z rozciaganiem

Ten post edytował ens0re 4.04.2006, 13:09:53