Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Div problem.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
everlast
17.12.2008, 19:20:28
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
Gryf
17.12.2008, 19:39:41
daj tresc2 clear:both
everlast
17.12.2008, 19:41:15
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.
Gryf
17.12.2008, 19:47:20
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
everlast
17.12.2008, 19:51:42
Kurka, chłopie dzięki wielkie.



P.S. Już wiem że zapis <div /> jest błędem biggrin.gif

Dzięki za pomoc:)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.