Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Problem z funckją require
Forum PHP.pl > Forum > Przedszkole
KrzysiekKCN
10.09.2010, 12:47:32
Witam. Mam pewien problem z wyświetlaniem strony w przeglądarce.

Otóż jeżeli wyświetlam stronę w html/php jako jeden plik +CSS wygląda normalnie zarówno w IE jak i FF[zdjęcie V]

Kod HTML
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  3. <html>
  4. <head>
  5. 	<title>SKLEP INTERNETOWY</title>
  6. 	<link rel="Shortcut icon" href="images/icon.jpg" />
  7.   	<link type="text/css" rel="stylesheet" href="style.css" />
  8. 	<script type="text/javascript" src="menu.js"></script>
  9. </head>
  10. <body>
  11.  
  12. <!-- powiększanie liter -->
  13. <script language="JavaScript" type="text/javascript">
  14.  
  15. function createCookie(name,value,days) {
  16. 	if (days) {
  17. 		var date = new Date();
  18. 		date.setTime(date.getTime()+(days*24*60*60*1000));
  19. 		var expires = "; expires="+date.toGMTString();
  20. 	}
  21. 	else var expires = "";
  22. 	document.cookie = name+"="+value+expires+"; path=/";
  23. }	
  24.  
  25. function change_size(punkt) {
  26. 	document.getElementById('main-tresc', 'main2').style.fontSize=punkt;	
  27. 	createCookie("textSize", punkt, 90);
  28. }
  29.  
  30. </script>
  31. <!-- koniec -->
  32.  
  33.  
  34. <!-- pasek 1 / jezyki / menu / powiekszanie liter -->
  35. <div class="top">
  36. 	<div class="top-center">
  37. 		<div class="top-margin">
  38. 				<div class="top-fontsize">
  39. 						Rozmiar tekstu:
  40. 							<a href="#" class="fontsize" onclick="change_size('18px')"><big>A</big></a>
  41. 							<a href="#" class="fontsize" onclick="change_size('20px')"><big><big>A</big></big></a>
  42. 							<a href="#" class="fontsize" onclick="change_size('22px')"><big><big><big>A</big></big></big></a>
  43. 				</div>
  44. 				<div class="top-menu">
  45. 				<div class="top_star">
  46. 				<a href="#" class="top_menu">FAQ ť</a>
  47. 				<a href="#" class="top_menu">Mapa Serwisu ť</a>
  48. 				<a href="#" class="top_menu">Kontakt ť</a>
  49. 				</div>
  50. 				</div>
  51. 				<div class="top-languages">
  52. 					Język:&nbsp;&nbsp;
  53. 						<a href="#" class="languages"><img src="images/pl.png" border="0"></a>
  54. 													  <img class="top_separator" src="images/top_separator.png" border="0">
  55. 						<a href="#" class="languages"><img src="images/gb.png" border="0"></a>
  56. 				</div>
  57. 		</div>
  58. 	</div>
  59. </div>
  60. <!-- koniec -->
  61.  
  62.  
  63. <div id="main-tresc">
  64.  
  65.  
  66. <!-- pasek 2 / infolinia / koszyk -->
  67. <div class="bottom">
  68. 	<div class="bottom-margin">
  69. 			<div class="bottom-phone">
  70. 					<span class="bottom-phone">
  71. 								Infolinia:
  72. 					</span>
  73. 										510 50 10 10			
  74. 			</div>
  75. 	</div>
  76. 	<div class="bottom-shoppingcart">
  77. 		<img src="images/koszyk.png">
  78. 		<span class="cart">Koszyk</span>
  79. 		<span class="price"><big>751,50</big></span>
  80. 		<span class="currency">PLN</span>
  81. 		<a href="#" class="shoppingcart">Przeglądaj ť</a>
  82. 	</div>
  83. </div>
  84. <!-- koniec -->
  85.  
  86.  
  87. <!-- pasek 3 /logo -->
  88. <div class="header">
  89. 	<div class="logo">
  90. 			<a href="#" class="logo"><img src="images/logo.png" class="logo" border="0"></a>
  91. 	</div>
  92. </div>
  93. <!-- koniec -->
  94.  
  95.  
  96. <!-- pasek 4 / menu / wyszukiwarka -->
  97. <div class="under">
  98. 	<div class="under_menu">
  99. 		<ul class="under_menu">
  100. 			<li class="under_menu"><a href="#" class="under_menu">Główna</a></li><img src="images/under_sep.png">
  101. 			<li class="under_menu"><a href="#" class="under_menu">O nas</a></li><img src="images/under_sep.png">
  102. 			<li class="under_menu"><a href="#" class="under_menu">Kategorie produktów</a></li><img src="images/under_sep.png">
  103. 			<li class="under_menu"><a href="#" class="under_menu">Moje konto</a></li><img src="images/under_sep.png">
  104. 			<li class="under_menu"><a href="#" class="under_menu">Pomoc</a></li><img src="images/under_sep.png">
  105. 			<li class="under_menu"><a href="#" class="under_menu">Kontakt z nami</a></li>
  106. 		</ul>
  107. 	</div>
  108. 	<div class="under_search">
  109. 			<form>
  110. 				<input type="text" class="search_text" value="wpisz nazwę przedmiotu!" onblur="if(this.value=='') this.value='wpisz nazwę przedmiotu!';" onfocus="if(this.value=='wpisz nazwę przedmiotu!') this.value='';" name="wyszukiwarka" />
  111. 				<input type="submit" class="search_button" value="ť" />
  112. 			</form>
  113. 	</div>
  114. </div>
  115. <!-- koniec -->
  116.  
  117.  
  118. <!-- pasek 5 / historia pobytu -->
  119. <div class="history">
  120. 	<div class="history_txt">
  121. 	Aktualnie jesteś tutaj:
  122. 		<a href="#" class="history">xxxx.pl</a> ť 
  123. 		<a href="#" class="history">Dział AGD</a> 
  124. 	</div>
  125. </div>
  126. <!-- koniec -->
  127.  
  128.  
  129. <div class="main">
  130.  
  131. <!-- lewy pasek Początek -->
  132. 	<div class="left_bar">
  133.  
  134.  
  135. <!-- panel logowania -->	
  136. 	<div class="login">
  137. 	<h4 class="ustawienie_h">Logowanie</h4>
  138. 	<div class="form">
  139. 			<form>
  140. 				<input type="text" class="login" value="Login" onblur="if(this.value=='') this.value='Login';" onfocus="if(this.value=='Login') this.value='';" name="login" />
  141. 				<input type="password" class="password" value="Hasło" onblur="if(this.value=='') this.value='Hasło';" onfocus="if(this.value=='Hasło') this.value='';" name="password" />
  142. 				<input type="submit" class="ok" value="OK ť" />
  143. 			</form>
  144. 	</div>
  145. 	</div>
  146. 	<br><br>
  147.  
  148.  
  149. 	<div class="lost_password">
  150. 	<span class="ustawienie_lost">ť  Przypomnij mi hasło</span>
  151. 	</div>
  152.  
  153. 	<div class="rejestration">
  154. 	<span class="ustawienie_lost">ť Rejestracja</span>
  155. 	</div>
  156. <!-- koniec logowania -->	
  157.  
  158.  
  159. <!-- początek menu -->
  160. 	<div class="menu">
  161. 	<h4 class="ustawienie_h">Kategorie</h4>
  162.  
  163.  
  164. 	<dl id="menu0">
  165. 		<dt>Telefony</dt>
  166. 			<dd>Nokia</dd>
  167. 			<dd>Samsung</dd>
  168. 			<dd>Sony ericsson</dd>
  169. 			<dd>LG</dd>
  170. 		<dt>Nawigacje</dt>
  171. 			<dd>Mio</dd>
  172. 			<dd>Garmin</dd>
  173. 			<dd>Tom-Tom</dd>
  174. 		<dt>AGD</dt>
  175. 			<dd>Pralki</dd>
  176. 			<dd>Zmywarki</dd>
  177. 			<dd>Roboty Kuchenne</dd>
  178. 		<dt>Komputery</dt>
  179. 		<dt>Konsole</dt>
  180. 		<dt>Oprogramowanie</dt>
  181. 		<dt>Łączność i Komunikacja</dt>
  182. 		<dt>Audio-Video</dt>
  183. 		<dt>Świat APPLE</dt>
  184. 		<dt>Podzespoły PC</dt>		
  185. 	</dl>
  186. <script type="text/javascript">
  187. // <![CDATA[
  188. new Menu('menu0');
  189. // ]]>
  190. </script>	
  191. 	</div>
  192. <!-- koniec menu -->	
  193.  
  194.  
  195. <!-- newsletter -->	
  196. 	<div class="newsletter">
  197. 	<h4 class="ustawienie_h">Newsletter</h4>
  198. 	<form>
  199. 	<input type="text" class="newsletter" value="Wpisz e-mail!" onblur="if(this.value=='') this.value='Wpisz e-mail!';" onfocus="if(this.value=='Wpisz e-mail!') this.value='';" name="newsletter" />
  200. 	<span class="information_newsletter">
  201. 	Chcę być informowany o nowościach w sklepie!
  202. 	</span>
  203. 	<div>
  204. 	<div class="news_ok"><center><input type="submit" class="ok" value="OK ť" /></center></form></div>
  205. 	<div class="news_exit"><a href="#" class="exit">Wypisuje się</a></div>
  206. 	</div>
  207. 	</div>
  208. <!-- koniec newslettera -->		
  209.  
  210. 	</div>
  211. 	<!-- Lewy Pasek Koniec -->
  212.  
  213.  
  214. 	<!-- Prawa Część -->
  215. 	<div class="right_bar">
  216.  
  217.  
  218. 		<!-- Białe Tło -->
  219. 		<div class="right_white">
  220.  
  221.  
  222. 		<!-- Okno Treści -->
  223. 			<div class="right_subject">
  224. 				<span class="right_subject">Kategorie produktów w xxxxxo</span>
  225. 			</div>
  226.  
  227. 			<div class="right_tresc">
  228. 				treść diva
  229. 			</div>
  230. 		<!-- Koniec Treści -->	
  231.  
  232.  
  233. 		</div>
  234. 		<!-- Koniec Białego Tła -->
  235. 	</div>
  236.  
  237.  
  238.  
  239.  
  240.  
  241. </div>
  242.  
  243. 	<!-- Koniec Prawej Części -->
  244. </div>
  245. </html>
[HTML] pobierz, plaintext
nospor
10.09.2010, 12:47:35
Kurde... PO CO WALISZ TEKST CZCIONKĄ NA PÓŁ STRONY? Popraw swojego posta
KrzysiekKCN
10.09.2010, 12:53:08
CSS
[HTML] pobierz, plaintext 
  1. html, body {
  2. 	background: #493101 url('images/bg.jpg') no-repeat;
  3. 	background-position: top;
  4. 	color: #000;
  5. 	margin: 0;
  6. 	padding: 0;
  7. 	font-family:  Arial;
  8. }
  9. div.top {
  10. 	height: 59px;
  11. 	background: url('images/top.png');
  12. }
  13. div.top-center {
  14. 	width: 1000px;
  15. 	margin-left: auto;
  16. 	margin-right: auto;
  17. 	padding-left: 17px;
  18. 	padding-right: 17px;
  19. }
  20. div.top-margin {
  21. 	margin-left: 17px;
  22. 	margin-right: 17px;
  23. }
  24. div.top-fontsize {
  25. 	color: #b9af99;
  26. 	font-size: small;
  27. 	top: 12px;
  28. 	position: relative;
  29. 	float: left;
  30. }
  31. a:link.fontsize, a:visited.fontsize, a:hover.fontsize {
  32. 	text-decoration: underline;
  33. 	color: #fdcf08;
  34. 	margin-left: 5px;
  35. 	margin-right: 5px;
  36. }
  37. div.top-menu {
  38. 	height: 58px;
  39. 	width: 260px;
  40. 	background: url('images/top_menu.png');
  41. 	position: relative;
  42.  
  43. 	float: right;
  44. }
  45. div.top-languages {
  46. 	height: 58px;
  47. 	position: relative;
  48. 	top: -3px;
  49. 	float: right;
  50. 	color: #b9af99;
  51. 	font-size: small;
  52. 	margin-right: 15px;
  53. }
  54. img.top_separator {
  55. 	margin-left: 5px;
  56. 	margin-right: 5px;
  57. }
  58. a:link.languages, a:visited.languages, a:hover.languages {
  59. 	position: relative;
  60. 	top: 15px;
  61. }
  62. div.top_star {
  63. 	height: 58px;
  64. 	width: 260px;
  65. 	padding-left: 10px;
  66. 	background: url('images/gwiazda.png') no-repeat;
  67. 	background-position: right bottom;
  68. }
  69. a:link.top_menu, a:visited.top_menu{
  70. 	position: relative;
  71. 	top: 15px;
  72.  
  73. 	text-decoration: none;
  74. 	color: #fdcf08;
  75. 	font-size: 13px;;
  76. 	margin-left: 10px;
  77. 	margin-right: 10px;
  78. }
  79. a:hover.top_menu{
  80. 	position: relative;
  81. 	top: 15px;
  82. 	text-decoration: none;
  83. 	color: #ee9e05;
  84. 	font-size: small;
  85. 	margin-left: 10px;
  86. 	margin-right: 10px;
  87. }
  88. div.bottom {
  89. 	height: 72px;
  90. 	width: 1000px;
  91. 	margin-left: auto;
  92. 	margin-right: auto;
  93. 	background: url('images/kropki.png') no-repeat bottom;
  94. }
  95. div.bottom-margin {
  96. 	margin-left: 17px;
  97. 	margin-right: 17px;
  98. }
  99. div.bottom-phone {
  100. 	position: relative;
  101. 	float: left;
  102. 	top: 25px;
  103. 	color: #efede9;
  104. }
  105. span.bottom-phone {
  106. 	color: #fdcf08;
  107. }
  108. div.bottom-shoppingcart {
  109. 	float: right;
  110. 	position: relative;
  111. 	top: 25px;
  112. 	margin-right: 25px;
  113. }
  114. span.cart {
  115. 	color: #fdcf08;
  116. }
  117. span.price {
  118. 	color: #efede9;
  119. 	text-decoration: underline;
  120. }
  121. span.currency {
  122. 	color: #fdcf08;
  123. }
  124. a:link.shoppingcart, a:visited.shoppingcart {
  125. 	color: #bfbfbf;
  126. 	font-size: 9;
  127. }
  128. a:hover.shoppingcart {
  129. }
  130. div.header {
  131. 	height: 109px;
  132. 	width: 1000px;
  133. 	margin-left: auto;
  134. 	margin-right: auto;
  135. 	border-bottom: 1px solid #fcca0b;
  136. 	background: url('images/header.png') no-repeat right;	
  137. }
  138. div.logo {
  139. 	color: #ffffff;
  140. 	padding-top: 13px;
  141. }
  142. div.under {
  143. 	height: 62px;
  144. 	width: 1000px;
  145. 	margin-left: auto;
  146. 	margin-right: auto;
  147. 	border-bottom: 1px solid #5c461b;
  148. }
  149. div.under_menu {
  150. 	height: 56px;
  151. 	width: 743px;
  152. 	background: url('images/under_menu.png') repeat-x;
  153. }
  154. ul.under_menu, ul li.under_menu{
  155. 	color: #493101;
  156. 	display: block;
  157. 	list-style: none;
  158. 	margin: 0;
  159. 	padding: 0;
  160. }
  161. ul li.under_menu {
  162. 	display: inline;
  163. 	white-space: nowrap;
  164. 	position: relative;
  165. 	top: -20px;
  166. 	margin-left: 7px;
  167. 	margin-right: 7px;
  168. 	font-weight: bold;
  169. 	font-variant: small-caps;
  170. 	font-size: medium;
  171.  
  172. }
  173. a:link.under_menu, a:visited.under_menu {
  174. 	color: #493101;
  175. 	text-decoration: none;
  176. 	height: 1.5em; 
  177. 	text-shadow: 1px 1px 2px #fdf2c0;
  178. }
  179. a:hover.under_menu {
  180. 	color: #493101;
  181. 	text-decoration: none;
  182. 	height: 1.5em; 
  183. 	text-shadow: 4px 4px 8px #9e6400;
  184. }
  185. input.search_text {
  186. 	height: 31px;
  187. 	width: 188px;
  188. 	background: #4b3301 url('images/search.png') no-repeat right;
  189. 	border: 1px solid #523c0e;
  190. 	color: #fdcf08;
  191. 	padding-left: 5px;
  192. }
  193. input.search_button {
  194. 	background: #493101;
  195. 	border: 0;
  196. 	color: white;
  197. 	height: 30px;
  198. 	width: 30px;
  199. }
  200. div.under_search {
  201. 	float: right;
  202. 	position: relative;
  203. 	top: -43px;
  204. }
  205. div.history {
  206. 	height: 44px;
  207. 	width: 1000px;
  208. 	margin-left: auto;
  209. 	margin-right: auto;
  210. 	border-bottom: 1px solid #5c461b;
  211. 	background: #402a01;
  212. }
  213. div.history_txt {
  214. 	color: #8c7f67;
  215. 	position: relative;
  216. 	top: 14px;
  217. 	font-size: small;
  218. 	margin-left: 25px;
  219. }
  220. a:link.history, a:visited.history {
  221. 	color: #fdcf08;
  222. 	text-decoration: none;
  223. }
  224. div.left_bar {
  225. 	width: 180px;
  226. 	float: left;
  227. }
  228. div.right_bar {
  229. 	width: 818px;
  230. 	background: #493101;
  231. 	float: right;
  232. 	border: 1px solid #5c461b;
  233. }
  234. div.main {
  235. 	width: 1000px;
  236. 	margin-top: 5px;
  237. 	margin-left: auto;
  238. 	margin-right: auto;
  239. }
  240. div.right_white {
  241. 	background: white;
  242. 	margin: 5px;
  243. }
  244. div.right_subject {
  245. 	height: 60px;
  246. 	border-bottom: 1px solid #7d725d;
  247. 	color: #493101;
  248. 	font-size: 19px;
  249. 	font-weight: bold;
  250. 	position: relative;
  251. }
  252.  
  253. span.right_subject {
  254. 	position: relative;
  255. 	top: 19px;
  256. 	left: 15px;
  257. 	float: left;
  258. }
  259. span.right_subject2 {
  260. 	float: right;
  261. 	position: relative;
  262. 	left: -55px;
  263. }
  264. div.right_tresc {
  265. 	min-height: 60px;
  266. 	margin: 15px;
  267. 	margin-bottom: 0px;
  268.  
  269. }	
  270. div.login {
  271. 	color: #ffffff;
  272. }
  273. input.login {
  274. 	height: 31px;
  275. 	width: 162px;
  276. 	background: #4c3401 url('images/login.png') no-repeat right;
  277. 	border: 1px solid #523c0e;
  278. 	color: #b7ae99;
  279. 	padding-left: 5px;
  280. 	margin-bottom: 5px;
  281. }
  282. input.password {
  283. 	height: 31px;
  284. 	width: 162px;
  285. 	background: #4c3401 url('images/password.png') no-repeat right;
  286. 	border: 1px solid #523c0e;
  287. 	color: #b7ae99;
  288. 	padding-left: 5px;
  289. }
  290.  
  291. input.ok {
  292. 	background: #493101;
  293. 	border: 0;
  294. 	color: white;
  295. 	height: 30px;
  296. 	float: right;
  297. }
  298. div.lost_password {
  299. 	border-top: 1px solid #5c461b;
  300. 	border-bottom: 1px solid #5c461b;
  301. 	height: 43px;
  302. 	width: 180px;
  303. 	color: #fdcf08;
  304. 	font-size: small;
  305. }
  306. div.rejestration {
  307. 	height: 43px;
  308. 	width: 180px;
  309. 	color: #bfbfbf;
  310. 	font-size: small;
  311. 	background: url('images/login_dots.png') no-repeat bottom;
  312. }
  313. span.ustawienie_lost {
  314. 	position: relative;
  315. 	top: 13px;
  316. 	left: 15px;
  317. }
  318. .ustawienie_h {
  319. 	position: relative;
  320. 	left: 15px;
  321. }
  322. div.menu {
  323. 	color: #ffffff;
  324.     background: url('images/login_dots.png') no-repeat bottom;
  325. }
  326. #menu0 dd.active {
  327. 	font-weight: bold;
  328. }
  329. #menu0 {
  330. 	width: 180px;
  331. 	padding: 0;
  332.  
  333. }
  334.  
  335. #menu0 dt {
  336. 	background: url('images/off_menu.png') no-repeat;
  337. 	color: #eeece6;
  338. 	height: 44px;
  339. 	width: 180px;
  340. 	text-align: center;
  341. 	cursor: pointer;
  342. 	margin: -11px 0 0 0;
  343. 	padding-top: 12px;
  344.  
  345. }
  346. #menu0 dt:hover {
  347.  	color: #998c67;
  348. }
  349. #menu0 dd:hover {
  350. 	color: #eeece6;
  351. 	background: #493101;
  352. }
  353. #menu0 dd {
  354. 	background: url('images/on_menu.png') no-repeat;
  355. 	color: #988b67;
  356. 	height: 44px;
  357. 	width: 180px;
  358. 	margin: -11px 0 0 0;
  359. 	padding-top: 12px;
  360. 	padding-left: 30px;
  361. }
  362. #menu0 dt:active {
  363. 	font-weight: bold;
  364. 	background: url('images/on_menu.png') no-repeat;
  365. }
  366. div.newsletter {
  367. 	color: #ffffff;
  368. }
  369. input.newsletter {
  370. 	height: 31px;
  371. 	width: 162px;
  372. 	background: #4c3401;
  373. 	border: 1px solid #523c0e;
  374. 	color: #b7ae99;
  375. 	padding-left: 5px;
  376. 	margin-bottom: 5px;
  377. }
  378. span.information_newsletter {
  379. 	font-size: small;
  380. 	color: #fdcf08;
  381. 	text-align: center;
  382. }
  383. div.news_ok {
  384. 	float: left;
  385. 	width: 72px;
  386. 	border-right: 1px solid #523c0e;
  387. }
  388. div.news_exit {
  389. 	float: right;
  390. }
  391. a.exit {
  392. 	color: #806f4e;
  393. 	font-size: small;
  394. 	text-align: center;
  395. }
[HTML] pobierz, plaintext


Jednak gdy użyję funkcji REQUIRE a index wygląda tak:
[HTML] pobierz, plaintext 
  1. <!-- head -->
  2. <?php
  3. 	require ('templates/head.php');
  4. ?>
  5. <body>
  6. <!-- powiększanie liter -->
  7. <?php
  8. 	require ('templates/java_litery.php');
  9. ?>
  10. <!-- pasek1 -->
  11. <?php
  12. 	require ('templates/bar1.php');
  13. ?>
  14.  
  15.  
  16. <div id="main-tresc">
  17.  
  18. <!-- pasek2 -->
  19. <?php
  20. 	require ('templates/bar2.php');
  21. ?>
  22.  
  23. <!-- pasek3 -->
  24. <?php
  25. 	require ('templates/bar3.php');
  26. ?>
  27.  
  28.  
  29. <!-- pasek 4 / menu / wyszukiwarka -->
  30. <?php
  31. 	require ('templates/bar4.php');
  32. ?>
  33. <!-- koniec -->
  34.  
  35.  
  36. <!-- pasek 5 / historia pobytu -->
  37. <?php
  38. 	require ('templates/bar5.php');
  39. ?>
  40. <!-- koniec -->
  41.  
  42.  
  43. <div class="main">
  44.  
  45. <!-- lewy pasek Początek -->
  46. 	<div class="left_bar">
  47.  
  48.  
  49. <!-- panel logowania -->	
  50. <?php
  51. 	require ('templates/logowanie.php');
  52. ?>
  53. <!-- koniec logowania -->	
  54.  
  55.  
  56. <!-- początek menu -->
  57. <?php
  58. 	require ('templates/menu_glowne.php');
  59. ?>
  60. <!-- koniec menu -->	
  61.  
  62.  
  63. <!-- newsletter -->	
  64. <?php
  65. 	require ('templates/newsletter.php');
  66. ?>
  67. <!-- koniec newslettera -->		
  68.  
  69. 	</div>
  70. 	<!-- Lewy Pasek Koniec -->
  71.  
  72.  
  73. 	<!-- Prawa Część -->
  74. 	<div class="right_bar">
  75.  
  76.  
  77. 		<!-- Białe Tło -->
  78. 		<div class="right_white">
  79.  
  80.  
  81.  
  82.  
  83.  
  84. 				<!-- Okno Treści -->
  85. <?php
  86. 	require ('templates/main.php');
  87. ?>
  88. 		<!-- Koniec Treści -->	
  89.  
  90.  
  91. 		</div>
  92. 		<!-- Koniec Białego Tła -->
  93. 	</div>
  94.  
  95.  
  96.  
  97.  
  98.  
  99. </div>
  100.  
  101. 	<!-- Koniec Prawej Części -->
  102. </div>
  103. </html>
  104.  
[HTML] pobierz, plaintext




To w IE wygląda to taK:


a W ff Tak:



Jaki jest powód tego zjawiska? P.S. Szukałem w CSS ale niemogłem znaleść nic co by to mogło tak obniżyć.
Lilo
10.09.2010, 17:51:55
Sprawdź to "float zawsze trzeba używać w połączeniu z elementami mającymi clear albo overflow, inaczej efekty jego działania będą trudne do przewidzenia".

Jeśli to nie to, to zobacz co Ci pokazuje FireBug wskazując na dany element strony. FireBug też jest dostępny dla IE i innych przeglądarek jako JavaScript.
bastard13
10.09.2010, 18:29:47
Spróbuj wywalić komentarz <!-- head -->
Jeżeli to nie pomoże, to zobacz kod jednej i drugiej strony pod ie i popatrz, czy na początku nie ma jakichś różnić. U mnie takie rzeczy się dzieją, kiedy np. daje var_dump lub echo przed otworzeniem znacznika <html> w trakcie walidacji. FF jakoś sobie z tym radzi, a ie przesuwa wszystko w lewo.
KrzysiekKCN
10.09.2010, 21:20:37
Cześć, FireBug nie wykazał żadnych błędów no chyba że nie wiem gdzie tego szukać,a usunięcie !head komentarza nic nie dało. Co do przeglądania kodu mam już powoli dość. Bo problem w tym że jeżeli dam cały kod a nie że każda część w osobnym pliku to wyświetla się w każdej przeglądarce poprawnie. Dopiero po dodaniu REQUIRE się sypie.
Lilo
11.09.2010, 07:17:11
Spróbuj tak 
[PHP] pobierz, plaintext 
  1. require ('../templates/head.php');
[PHP] pobierz, plaintext
, niby nic, a może coś się polepszy.
KrzysiekKCN
11.09.2010, 10:22:58
To nie dało niestety żadnych pozytywnych skutków ^^ no oprócz 

[SQL] pobierz, plaintext 
  1. Warning: require(../templates/head.php) [FUNCTION.require]: failed TO open stream: No such file OR directory IN C:\xampp\htdocs\strona\INDEX.php ON line 2
  2. Fatal error: require() [FUNCTION.require]: Failed opening required '../templates/head.php' (include_path='.;C:\xampp\php\PEAR') IN C:\xampp\htdocs\strona\INDEX.php ON line 2
[SQL] pobierz, plaintext


Ma ktoś jeszcze jakieś pomysły? Ja już wysiadam.. Nic nie mogę wykombinować.
gigzorr
11.09.2010, 10:33:44
pokombinuj z clearowaniem , jesli ma pod ie wygladac normalnie trzeba uzywac clearowania ( both) , pozycje relatywne sprobuj pozamieniac na marginesy i sprawdz jak tam z walidatorem.
KrzysiekKCN
12.09.2010, 14:00:03
Tylko to wygląda w każdej przeglądarce dobrze. Problem zaczyna się dopiero po dodaniu każdej części z osobnego pliku. wtedy nie jest dobrze nawet w Firefoxie.
Nawet zacząłem robić od nowa te require i okazało się że dodanie chociażby 1 funkcji require lub include od razu wszystko wysypuje.

Okej. Wszystkim dzięki za pomoc. Ogólnie mówić po kilku dniach siedzenia w kodzie dojrzałem kilka luk jak np. ustalone TOP w linkach czy też w jakichś większych divach co powodowało wielkie przesunięcie po wczytaniu całej strony.
Jak to zwykle w informatyce bywa, koduje od nowa bo poprawianie zabiera zbyt dużo nerw i czasu. sciana.gif

Serdecznie proszę o zamknięcie tematu. offtopic.gif
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.