Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP]Nie przewija mi sie strona
Forum PHP.pl > Forum > Przedszkole
Kiui
2.08.2012, 21:44:41
Witam.
Napisałem stronę na obiektach i przestała mi się ona przewijać ale jak ją oddalam "ctrl +'-' " w FF to ona cała się wyświetla ale scroll przeglądarki nie działa.
artekp999
2.08.2012, 21:52:22
Mnie kiedyś spotkał podobny problem.
Pewien element wyleciał mi z diva i scroll się zablokował.
Rozwiązaniem było height: auto;
Kiui
2.08.2012, 21:53:55
w kontener to wrzucićquestionmark.gif
artekp999
2.08.2012, 21:59:11
bez kodu ci wiele nie poradzę
musisz poeksperymentować biggrin.gif

sprawdzaj stronę fragmentami
Kiui
2.08.2012, 22:02:35
ciekawy motyw zauważyłem tło konteneru mi się przewija a reszta nie.
[PHP] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5. <head>
  6.   <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
  7.   <meta name="Description" content=" [wstaw tu opis strony] " />
  8.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
  9.   <meta name="Author" content=" [dane autora] " />
  10.   <meta name="Generator" content="kED" />
  11.  
  12.   <title> [tytuł strony] </title>
  13.  
  14.   <link rel="stylesheet" href=" szablon.css " type="text/css" />
  15. </head>
  16. <body>
  17. <div id="kontener">
  18. <?php
  19. session_start();
  20. ?>
  21.  
  22. <?php
  23. include('class\klasa.php');	
  24. $klasajeden = new podstawowa();
  25. $klasajeden -> menu();
  26.  
  27.  
  28. echo '<div id="banner">
  29. 	<div id="baner">
  30.         </div>
  31.  </div>
  32.  
  33. <div id="prawa">';
  34.  
  35. $klasajeden -> tranzakcje();
  36. ?>
  37. </div>	
  38. <div id="srodek">
  39. <?php
  40. $db = new mysqli('localhost', 'xxx', 'xxx', 'xxx');
  41. //wyszukiwarka
  42. echo '<div id="wyszukiwarka"><form action="szukaj.php" method="GET">
  43. <input type="text" name="szukaj">
  44. <select name="metszuk">
  45.  <option value="1">nazwa pliku</option>
  46.  <option value="6">autor</option>
  47.  <option value="11">dodający</option>
  48. </select>
  49. <input type="submit" name="wyslij" value="szukaj">
  50. </form></div>';
  51. //szuk end
  52. //wersja płatna Muzyka,E-BOOK,Android,PC,IOS,WP,Film
  53. echo '<div id="baner_platny">
  54. </div>
  55. ';
  56. echo '<div id="platnys">
  57. <div id="topten">';
  58. $klasajeden ->topten('Muzyka', 'platna', 'brak' );
  59. echo '</div>
  60. <div id="topten">';
  61. $klasajeden ->topten('E-BOOK', 'platna', 'brak' );
  62. echo '</div>
  63. <div id="topten">';
  64. $klasajeden ->topten('PC', 'platna', 'brak' );
  65. echo '</div>
  66. <div id="topten">';
  67. $klasajeden ->topten('Android', 'platna', 'brak' );
  68. echo '</div>
  69. <div id="topten">';
  70. $klasajeden ->topten('IOS', 'platna', 'brak' );
  71. echo '</div>
  72. <div id="topten">';
  73. $klasajeden ->topten('WP', 'platna', 'brak' );
  74. echo '</div>
  75. <div id="topten">';
  76. $klasajeden ->topten('Film', 'platna', 'brak' );
  77. echo '</div></div>';
  78. echo '
  79. <div id="baner_bezplatny">
  80. </div>
  81. ';
  82. echo '<div id="platnys">
  83. <div id="topten">';
  84. $klasajeden ->topten('Muzyka', 'bezplatna', 'brak' );
  85. echo '</div>
  86. <div id="topten">';
  87. $klasajeden ->topten('E-BOOK', 'bezplatna', 'brak' );
  88. echo '</div>
  89. <div id="topten">';
  90. $klasajeden ->topten('PC', 'bezplatna', 'brak' );
  91. echo '</div>
  92. <div id="topten">';
  93. $klasajeden ->topten('Android', 'bezplatna', 'brak' );
  94. echo '</div>
  95. <div id="topten">';
  96. $klasajeden ->topten('IOS', 'bezplatna', 'brak' );
  97. echo '</div>
  98. <div id="topten">';
  99. $klasajeden ->topten('WP', 'bezplatna', 'brak' );
  100. echo '</div>
  101. <div id="topten">';
  102. $klasajeden ->topten('Film', 'bezplatna', 'brak' );
  103. echo '</div></div></br>';
  104.  
  105.  mysqli_close($db);
  106. ?>
  107. </div>
  108. 	<div id="stopka">
  109. stopka
  110. 	</div>
  111. 	</div>
  112. <!-- tutaj wstaw tresc strony -->
  113. </body>
  114. </html>
  115. //Klasa
  116. <?php
  117. class podstawowa
  118. {
  119. public function menu()
  120. {//start funkcja górnego menu
  121. echo '<div id="pasekmenu">
  122. <div id="pasekmenuu" class="men">';
  123. if (@$_SESSION["zalogowany"]=='true')
  124. {
  125. $adb = new mysqli('localhost', 'xxx', xxx'', 'xxx');
  126. $dolewme="Select * From lewa";
  127. $odpdolewe = mysqli_query($adb, $dolewme)or die("złe zap");
  128.  
  129. echo '<ul id="navg">';
  130. while($lewmen=mysqli_fetch_assoc($odpdolewe))
  131. {
  132.  
  133. echo '<li><a href="'.$lewmen['adres_linku'].'">'.$lewmen['nazwa_linki'].'</a></li>';
  134. }
  135. echo '</ul>';
  136. }  else
  137. {
  138. echo '<ul id="navg"><form action="../prywatnaczesc/dalej.php" method="post" >';
  139. echo '<li>Login: </li><li><input type="text" name="login"></li><li>Haslo: </li><li><input type="text"  name="haslo" /></li><li><input type="submit" value="wyslij" /></li>';
  140.  
  141. echo '</form></ul>';
  142. echo '</div>
  143. </div>';
  144. }
  145.  
  146.  
  147.  
  148. //end
  149. }
  150. public function tranzakcje()
  151. { //funkcja odpowiedzialna za część związaną z prawa cześćią tranzakcje, nowe pliki , informacje
  152. $adb = new mysqli('localhost', 'xxx', 'xxx', 'xxx');
  153.  
  154. echo '<div id="transakcje">
  155. <h4>Tranzakcje</h4>';
  156. if (@$_SESSION["zalogowany"]=='true')
  157. {
  158. $zotrans = "Select * from tranzakcje";
  159. $odpotranz = mysqli_query($adb, $zotrans);
  160. while($recot = mysqli_fetch_assoc($odpotranz))
  161. {
  162. echo '<a href="'.$recot['adres'].'">'.$recot['Nazwa'].'</a></br>';
  163.  
  164. }}
  165. else
  166. {
  167. echo "Zapraszamy do Rejestracji";
  168. }
  169. echo '</div>
  170. <div id="transakcje">
  171. <h4>Nowe</h4>
  172. <table>
  173. <tr>
  174. <td>Nazwa</td><td>cena</td>';
  175. $db=new mysqli('localhost', 'Xxx', 'Xxx', 'xxx');
  176. $zapodp="SELECT * FROM pliki ORDER BY data DESC LIMIT 0, 10 ";
  177. $odpodp = mysqli_query($db, $zapodp)or die("złe zap");
  178. while($recod=mysqli_fetch_assoc($odpodp))
  179. {
  180. echo '<tr>
  181. <td><a href="co.php?zmiena='.$recod['id_pliku'].'">'.$recod['wyswietlacz'].'</a></td><td>'.$recod['pln'].'</td>
  182. </tr>'; }
  183. echo '</table>
  184. </div>
  185. <div id="transakcje">
  186. <h4>Informacje</h4>
  187. <table>
  188. <tr>
  189. <td>Temat</td><td>Data</td>';
  190. $zapodp="SELECT * FROM informacje ORDER BY data DESC LIMIT 0, 5 ";
  191. $odpodp = mysqli_query($adb, $zapodp)or die("złe zap");
  192. while($recod=mysqli_fetch_assoc($odpodp))
  193. {
  194. echo '<tr>
  195. <td  colspan="1"><a href="informacja.php?zmiena='.$recod['id_info'].'">'.$recod['temat'].'</a></td><td>'.$recod['data'].'</td>
  196. </tr>'; }
  197. echo '<td><a href="informacjaglowna.php">Informacje</a></td>
  198. </tr>
  199. </table>
  200. </div>
  201. ';
  202.  
  203.  //ende trans
  204. }
  205.  
  206. public function topten($typ, $kwota, $kmto )
  207. {//funkcja odpowiedzialna za środekk tzw. top ten lub define w moje pliki
  208. $db = new mysqli('localhost', 'xxx', 'lxxx', 'xxx');
  209. if($kwota!="platna")
  210. {
  211. $pln = "pln=0";
  212. $co = "sciagniec";
  213. $tdl = $co;
  214. }elseif($kwota!="bezplatna")
  215. {
  216. $pln = "pln!=0";
  217. $co = "pln";
  218. $tdl = "cena";
  219. }
  220. $sqlfibp="SELECT * From pliki WHERE roz_pliku='$typ' and $pln ORDER BY sciagniec DESC Limit 0, 10";
  221. $wynikfibp=mysqli_query($db, $sqlfibp)or die ("błąd w zapytaniu14");
  222.  mysqli_num_rows($wynikfibp)."</br>";
  223. echo '<table border="0">
  224. <tr><td class="typ">'.$typ.'</td><td class="tdl">'.$tdl.'</td></tr>';
  225.  
  226.  while($rekordfibp=mysqli_fetch_assoc($wynikfibp))
  227. {
  228.  
  229. echo '<tr class="rzn" ><td><a  href="co.php?zmiena='.$rekordfibp['id_pliku'].'">'.$rekordfibp['wyswietlacz'].'</a> </td><td>'.$rekordfibp[''.$co.''].'</td></tr>';
  230.  }
  231.  echo '<tr class="rzn"><td><a href=cala.php?nazwa='.$typ.'&zmiena=1&platna='.$kwota.'>Wiecej '.$typ.'</a></td><td></td></tr></table>';
  232. //ende
  233. }
  234.  
  235.  
  236. }
  237.  
  238.  
  239.  
  240. ?>
  241.  
[PHP] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #kontener {
  2. margin:left:50px;
  3.  
  4.   height: 1365px;
  5.   width: 1365px;
  6.   background-color:#E4E4E4;
  7. }
  8. #baner 
  9. {
  10.  
  11.  height: 150px;
  12.   margin-left:25%;
  13.    float: left; width: 800px;
  14. background-image: url("../tla/baner.png");
  15. background-color: #E4E4E4;
  16. }
  17. #banner
  18. {
  19. margin-top:50px;
  20. margin-bottom:5px;
  21.  height: 150px;
  22.    float: left; width: 1365px;
  23. background-color:#E4E4E4;
  24. }
  25. #pasekmenuu{
  26. margin-left:70px;
  27.  
  28. }
  29.  
  30.  
  31. #pasekmenu{
  32. position:fixed;
  33.  
  34. height: 60px;
  35.  float: left; width: 1365px;
  36. background-color:#27c;
  37. }
  38.  
  39. #wyszukiwarka
  40. {
  41. float:left; width: 100%;
  42. text-align:center;
  43.  
  44. }
  45.  
  46. #pasek{
  47. width: 800px;
  48. position:; left:550px;
  49. text-align:justify;
  50. }	
  51. #pasek a{
  52.  
  53. border-top-left-radius: 60px;
  54. border-bottom-left-radius: 60px;
  55. border-top-right-radius: 60px;
  56. border-bottom-right-radius: 60px;
  57. color:white;
  58. background-color:blue;
  59. border: 8px outset #E4E4E4;
  60. }
  61.  
  62.  
  63.  
  64.  ul,  li {
  65.  
  66. 	display: block;
  67. 	list-style: none;
  68. 	margin: 0;
  69. 	padding: 0;
  70. }
  71.  
  72. #navg ul {
  73. 	position:fixed;
  74. }
  75.  
  76. #navg li {
  77. 	float: left;
  78. 	border-width: 0 0px 0px 0px;
  79. 	border-style: solid;
  80. 	border-color: transparent #25b #25b #9ce;
  81. }
  82.  
  83. #navg a:link, #navg  a:visited {
  84. 	text-decoration: none;
  85. 	display: block;
  86. 	width: 120.75px;
  87. 	text-align: center;
  88. 	padding: 5px 0;
  89. 	font-weight: bold;
  90. 	background-color: #27c;
  91. 	color: #def;
  92. 	border-top: 10px solid #25b;
  93. }
  94.  
  95. #navg a:hover {
  96. 	background-color: #28e;
  97. 	color: #fff;
  98. 	border-top: 5px solid #26d;
  99. }
  100. #navg a:hover {
  101.  
  102. 	background-color: #28e;
  103. 	color: #fff;
  104. }
  105.  
  106.  
  107.  
  108. #platnosci{
  109. 	position:static;
  110. }
  111. h4{
  112. color:Red;
  113. }
  114. #transakcje
  115. {
  116. background-color:#E4E4E4;
  117. text-align:center;
  118. border: solid 5px red;
  119. border-top-left-radius:10px;
  120. border-top-right-radius:10px;
  121. border-bottom-left-radius:10px;
  122. border-bottom-right-radius:10px;
  123. }
  124. #transakcje a{
  125. height:100px;
  126. color:blue;
  127.  
  128. }
  129.  
  130. #platnys{
  131. height: 310px;
  132. float:left; width: 870px;
  133. background-color:#000990;
  134. }
  135.  
  136. td.typ{
  137. text-align:center;
  138. height:auto;
  139.  
  140. }
  141. td.tdl{
  142. text-align:center;
  143. height:auto;
  144.  
  145. }
  146. tr.rzn:hover{
  147. background-color:black;
  148.  
  149. }
  150.  
  151. #srodek {
  152.  
  153. height: 1040px;
  154. float:left; width: 840px;
  155. background-color:#E4E4E4;
  156.  
  157. }
  158.  
  159. #baner_platny
  160. {
  161. margin-left:35px;
  162. height: 100px;
  163. float:left; width: 800px;
  164. background-image: url("../tla/platny.png");
  165.  
  166. }
  167.  
  168.  
  169. #baner_bezplatny
  170. {
  171. height: 100px;
  172. margin-left:35px;
  173. float:left; width: 800px;
  174. background-image: url("../tla/banerbezplatny.png");
  175. }
  176. #topten
  177. {
  178. height: 310px;
  179. float:left; width: 124px;
  180. background-color:#6498cb;
  181.  
  182. }
  183.  
  184.  
  185.  
  186. #prawa
  187. {
  188. margin-left:70px;
  189. background-color:#E4E4E4;
  190. height: 1140px;
  191. float:left; width: 250px;
  192. }
  193.  
  194.  
  195.  
  196.  
  197. #stopka {
  198.    height: 108px;
  199.    float: left; width: 1365px;
  200. background-color:#E4E4E4;
  201. }
  202.  
[HTML] pobierz, plaintext
artekp999
2.08.2012, 22:03:36
a masz może demo questionmark.gif?
Kiui
2.08.2012, 22:29:02
miałeś racje problem z css

hymm...
okazało się ze jak kod jest pobierany z klasy to w css position:fixed;daje dosłownie na cały dokument nie rozumiem ale tak jest jak przeniosłem divy z klasy tam gdzie ją wczytuje to ok
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.