Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Podział na dwie kolumny
sYa_TPS
post
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 13.09.2009
Skąd: Polska ;)

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

Witam. Mam pewien problem, a mianowicie: Chcę podzielić stronkę na 2 kolumny.

W pliku index.html mam 
[HTML] pobierz, plaintext 
  1. <body>
  2. <div>
  3. <body>
  4. <div id="zawartość">
  5. </div>
  6. <div id="nawigacja">
  7. </body>
  8. </div>
[HTML] pobierz, plaintext


w style.css mam 
[HTML] pobierz, plaintext 
  1. div#nawigacja
  2. {
  3. position:absolute;
  4. right:0;
  5. top:15em;
  6. width:300px;
  7. padding:0;
  8. margin:0;
  9. }
  10.  
  11. div#zawartosc
  12. {
  13. margin-rigth:20em;
  14. margin-left:1em;
  15. }
[HTML] pobierz, plaintext


Lecz stronka nadal nie jest podzielona (IMG:style_emoticons/default/sad.gif)

Z góry dziękuje (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Void
post
Post #2





Grupa: Zarejestrowani
Postów: 112
Pomógł: 15
Dołączył: 2.02.2007

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

Wywal te "position: absolute" i dodaj do diva "nawigacja" 
[HTML] pobierz, plaintext 
  1. float: right;
[HTML] pobierz, plaintext
a do diva "zawartosc" 
[HTML] pobierz, plaintext 
  1. float: left;
[HTML] pobierz, plaintext

Chyba, że chcesz mieć całą stronę wyrównaną do prawej, to wtedy do obu divów "float: right".
A jeżeli koniecznie nie chcesz mieć odstępu od prawej krawędzi strony to musisz ująć oba bloki div w kolejny i jemu ustawić odpowiednie właściwości (position: absolute; right: 0)
Go to the top of the page
+Quote Post

Posty w temacie
- sYa_TPS   [HTML][CSS]Podział na dwie kolumny   17.09.2009, 15:53:03
- - Void   Wywal te "position: absolute" i dodaj do...   17.09.2009, 16:21:38
- - sYa_TPS   Cytat(Void @ 17.09.2009, 17:21:38 ) W...   17.09.2009, 16:45:06
- - Void   Ale chodzi ci o to, żeby mieć te divy "nawiga...   17.09.2009, 17:00:18
- - sYa_TPS   Cytat(Void @ 17.09.2009, 18:00:18 ) A...   17.09.2009, 17:02:34
- - black_alexis   czesc zrób to po prostu tak: a) ustal szerokości...   17.09.2009, 17:10:52
- - sYa_TPS   Cytat(black_alexis @ 17.09.2009, 18:10...   17.09.2009, 17:15:45
- - black_alexis   jestem dziewczynką CSS: Koddiv.page_container{ w...   17.09.2009, 17:27:21
- - sYa_TPS   Cytat(black_alexis @ 17.09.2009, 18:27...   17.09.2009, 17:34:56
- - qqwwq   Nie wiem co to za książka, ale bez sensu jest stos...   18.09.2009, 14:12:59
|- - sYa_TPS   Cytat(qqwwq @ 18.09.2009, 15:12:59 ) ...   18.09.2009, 14:56:54
- - qqwwq   To pokaż kod jaki dokładnie nie działa, html oraz ...   18.09.2009, 17:07:22
- - sYa_TPS   Cytat(qqwwq @ 18.09.2009, 18:07:22 ) ...   18.09.2009, 20:30:46
- - thek   W pliku css nie występują znaki html i nie powinny...   18.09.2009, 21:44:18
- - sYa_TPS   Cytat(thek @ 18.09.2009, 22:44:18 ) W...   18.09.2009, 22:22:05
- - thek   Nom... Ja zaczynałem od AC LOGO ( żółwik rulez ),...   18.09.2009, 22:51:23
- - sYa_TPS   Cytat(thek @ 18.09.2009, 23:51:23 ) N...   19.09.2009, 11:58:50
- - thek   Jest jeszcze dużo w index. Już od pierwszej linijk...   19.09.2009, 13:37:01
- - sYa_TPS   Cytat(thek @ 19.09.2009, 14:37:01 ) J...   19.09.2009, 14:05:14

« 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: 16.10.2025 - 22:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn