Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div problem., Problem z ułożeniem divów na stronie.
everlast
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 17.12.2008

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

Witam serdecznie.

Mam nadzieję że na Waszym forum znajdę pomoc. Jako że zabawę z CSS zacząłem niedawno liczę na Waszą pomoc i wyrozumiałość.

Otóż, mam CSS:

[HTML] pobierz, plaintext 
  1. body
  2. {
  3.  font: 12px Verdana, Arial, Helvetica, sans-serif;
  4.  margin: 0;
  5. }
  6.  
  7. #container
  8. {
  9.  width: 780px;
  10.  margin-left: auto;
  11.  margin-right: auto;
  12.  border: 2px solid #FF0000;
  13. }
  14.  
  15. #user_bar
  16. {
  17.  width: 100%;
  18.  height: 50px;
  19.  border: 1px solid #FF6600;
  20. }
  21.  
  22. #menu
  23. {
  24.  width: 100%;
  25.  height: 150px;
  26.  border: 1px solid #00FF00;
  27.  margin-top: 10px;
  28. }
  29.  
  30. #center
  31. {
  32.  width: 100%;
  33.  border: 1px solid #FFFF00;
  34.  margin-top: 10px;
  35. }
  36.  
  37. #center .panel
  38. {
  39.  width: 280px;
  40.  float: left;
  41.  border: 1px solid #FF99FF;
  42. }
  43.  
  44. #center .tresc
  45. {
  46.  width: 480px;
  47.  border: 1px solid #00CC33;
  48.  float: right;
  49.  position: relative;
  50. }
  51. #clear
  52. {
  53.  clear: both;
  54. }
  55.  
  56. #stopka
  57. {
  58.  width: 100%;
  59.  height: 60px;
  60.  border: 1px solid #FF00FF;
  61.  margin-top: 10px;
  62. }
[HTML] pobierz, plaintext




i HTML:
[HTML] pobierz, plaintext 
  1. <body>
  2.  <div id="container">
  3.  	<div id="user_bar">userbar</div>
  4.  	<div id="menu">menu</div>
  5.  	<div id="center">
  6.  	srodek
  7.  		<div class="panel">panel</div>
  8.  		<div class="tresc">tresc<br />tresc<br />tresc<br />tresc<br />tresc</div>
  9.  		<div id="clear" />
  10.  	srodek
  11.  	</div>
  12.  	<div id="stopka">stopka</div>
  13.  	kontener
  14.  </div>
  15.  
  16. </body>
[HTML] pobierz, plaintext




efekt działania: http://img373.imageshack.us/img373/9179/ukladoi7.jpg

Jak widać  div  "srodek" obejmuje calosc - lacznie ze stopka jak zrobic aby nie obejmowal stopki tylko divy tresc oraz panel?

Za każdą pomoc będę wdzięczny

Ten post edytował everlast 17.12.2008, 19:44:29
Powód edycji: poprawiłem bbcode ~batman
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
Gryf
post
Post #2





Grupa: Zarejestrowani
Postów: 170
Pomógł: 40
Dołączył: 14.08.2008
Skąd: Katowice

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

daj tresc2 clear:both
Go to the top of the page
+Quote Post
everlast
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 17.12.2008

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

Gryf dzięki wielkie. to faktycznie zadziałało, ale w tym czasie co pisałeś odpowiedź trochę się sytuacja zmieniła i wyleciał div tresc2 i znowu jest problem. Sorka za zawracanie głowy.

Ten post edytował everlast 17.12.2008, 19:48:31
Go to the top of the page
+Quote Post
Gryf
post
Post #4





Grupa: Zarejestrowani
Postów: 170
Pomógł: 40
Dołączył: 14.08.2008
Skąd: Katowice

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

no widzę właśnie ;]
tylko pokaż mi gdzie ty w tym kodzie masz div środek?
bo ja go niewidze tylko center w którym to masz stopke daną więc
albo daj jeszcze diva i do niego panel + treść lub wywal stopkę poza center
Go to the top of the page
+Quote Post
everlast
post
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 17.12.2008

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

Kurka, chłopie dzięki wielkie.



P.S. Już wiem że zapis <div /> jest błędem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Dzięki za pomoc:)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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 · Linearny+ · Przełącz na: Drzewo

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

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