Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Jak umieścić DIV'a po prawej, lewej i na środku?
Heniut
post
Post #1





Grupa: Zarejestrowani
Postów: 54
Pomógł: 0
Dołączył: 22.07.2011

Ostrzeżenie: (0%)
-----

Cześć.

Wykonałem taki "rysunek":
(IMG:https://dl.dropbox.com/u/32449251/ss.png)
Tam gdzie jest logo div ma być po lewej, tam gdzie DIV po prawej, a tam gdzie dalsza część strony to na środku. Czy nie ma tu czegoś tak prostego jak align ?
Szukam i nie mogę nic znaleźć ..
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Jest coś takiego jak float w css. Względnie możesz użyć position: absolute.

[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3. .left {
  4. float: left;
  5. width: 200px;
  6. height: 200px;
  7. background: red;
  8. }
  9.  
  10. .right {
  11. float: right;
  12. width: 200px;
  13. height: 200px;
  14. background: yellow;
  15. }
  16.  
  17. .content {
  18. background: silver;
  19. width: 100%;
  20. height: 500px;
  21. }
  22.  
  23. .clear {
  24. clear: both;
  25. }
  26. </style>
  27. </head>
  28.  
  29. <body>
  30. <div class="left"></div>
  31. <div class="right"></div>
  32. <div class="clear"></div>
  33. <div class="content">Zawartosc strony</div>
  34. </body>
[HTML] pobierz, plaintext


Ten post edytował b4rt3kk 29.11.2012, 17:21:21
Go to the top of the page
+Quote Post

Posty w temacie
- Heniut   [CSS] Jak umieścić DIV'a po prawej, lewej i na środku?   29.11.2012, 16:45:41
- - b4rt3kk   Jest coś takiego jak float w css. Względnie możesz...   29.11.2012, 17:20:48
- - Heniut   Wielkie dzięki!   29.11.2012, 17:36:03
- - Pawel_W   po co ten .clear to ja nie wiem, można było dać .c...   29.11.2012, 17:44:33
|- - b4rt3kk   Cytat(Pawel_W @ 29.11.2012, 17:44:33 ...   29.11.2012, 18:28:59
|- - Pawel_W   Cytat(b4rt3kk @ 29.11.2012, 18:28:59 ...   29.11.2012, 23:33:41
- - tomi1985   mozna to jeszcze prosciej zrobic [HTML] pobierz,...   29.11.2012, 18:30:19

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.10.2025 - 19:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn