Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][MySQL][PHP] Źle skalujące się divy
Forum PHP.pl > Forum > Przedszkole
ut2222
28.04.2010, 21:39:37
Mam problem związany z HTML/CSS/PHP. Chodzi w tej sytuacji o to, że jeśli nie włączę do divów systemu newsów to wszystko wygląda i skaluje się prawidłowo

[HTML] pobierz, plaintext 
  1. <div class="main">
  2. 				<div class="news_left"> include news
  3. 						<!--	 <?php include ('news/news.php') ?> --> </div>
  4.  
  5. 				<div class="news_right">
  6. 								prawa strona</div>
  7. 								<div class="clear">
  8. </div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. .main {
  2. 				margin: 0 auto;
  3. 				background-color: white;
  4. 				border: 1px solid #DDDDDD;
  5. 				width: 900px;
  6. 				padding: 5px;
  7. 				height: auto;
  8. 				margin-top: 5px;
  9. 				overflow: visible;
  10.  
  11.  
  12. }
  13. .news_left {
  14. 				float: left;
  15. 				background-color: white;
  16. 				border: 1px solid #DDDDDD;
  17. 				width: 525px;
  18. 				height: auto;
  19. 				position: relative;
  20.  
  21. }
  22. .news_right {
  23. 				float: right;
  24. 				width: 325px;
  25. 				height: auto;
  26. 				border: 1px solid #DDDDDD;
  27. 				background-color: white;
  28. 				position: relative;
  29.  
  30. }
  31.  
  32. .clear {
  33. 				clear: both;
  34. 				height: 0px;
  35. }
  36.  
[HTML] pobierz, plaintext





Jednak po włączeniu do diva funkcji include news prawy div się rozjeżdża w taki sposób:






Po kodzie php zajmującym się newsami jest wstawiony <div class="clear"> </div>, aby tabela główna skalowała się z systemem newsów (właściwie jego zarysem smile.gif )
Długo kombinowałem, ale nie wiem co dalej zrobić winksmiley.jpg

Edit:
Czy wyciągnięcie divów z diva zmieni sytuację? Jeśli tak, to w jaki sposób można je ustawić tak, aby były wycentrowane, lecz były obok siebie?
krzysztof_kf
28.04.2010, 21:47:36
A pokaż jeszcze plik news.php bo widocznie coś tam nie gra to co teraz pokazałeś jest ok .
ut2222
28.04.2010, 21:51:01 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Language" content="pl" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <link rel="stylesheet" type="text/css" href="news.css" />
  8. </head>
  9.  
  10. <body>
  11. <?
  12. $connection = @mysql_connect('localhost', 'użyszkodnik', 'hasłooo')
  13. or die('Brak połączenia z serwerem MySQL.<br />Błąd: '.mysql_error());
  14. /* echo "Udało się połączyć z serwerem!<br />"; */
  15. $db = @mysql_select_db('iudicia', $connection)
  16. or die('Nie mogę połączyć się z bazą danych<br />Błąd: '.mysql_error());
  17. /* echo "Udało się połączyć z bazą dancych!"; */
  18. mysql_query("SET NAMES 'utf8'");
  19.  
  20. $link=mysql_query("SELECT * FROM news");
  21.  
  22. while($wiersz=mysql_fetch_array($link))
  23.  
  24.  
  25. {
  26.  
  27.         echo '<div class="info">';
  28. 		echo $wiersz['title'];
  29. 		echo '</div>';		
  30.  
  31. 		echo '<div class="info">';
  32.         echo $wiersz['date'];
  33.         echo '</div>';
  34.  
  35.  
  36.         echo '<div class="info">';
  37.         echo $wiersz['text'];
  38.         echo '</div>';
  39.  
  40. }
  41. echo '</div>';
  42.  
  43. mysql_close($connection);
  44.  
  45. ?>
  46. <div class="clear">
  47. </div>
  48.  
  49. </body>
  50.  
  51. </html>
[HTML] pobierz, plaintext
nospor
28.04.2010, 21:53:52
Twoj problem nie ma zadnego związku z php ani mysql

Skrypt, który includujesz nie moze zawierac takich rzeczy jak taki <html><head> itp. Ma zawierac tylko i wyłącznie same newsy (otoczone divami czy czym tam je otaczasz - nic wiecej)
ut2222
29.04.2010, 06:08:30
Przeniesienie skryptu do index.php lub usunięcie wszystkich nagłówków i pozostawienie samego skryptu w oddzielnym pliku nie rozwiązało problemu :/

Edit:

Ale już domyślam się o co chodzi winksmiley.jpg To prawdopodobnie wina divów, które budują grafikę dla systemu newsowego.


Edit 2:
To było problemem:
echo '</div>';

Nie było diva otwierającego winksmiley.jpg
nospor
29.04.2010, 06:56:11
Jak wspomnialem wczesniej caly swoj blok <Html> i spolka tez ma zniknac. W kodzie moze byc tylko raz <html> i spolka a ty przeciez newsy includujesz juz do glownego szablonu.
ut2222
29.04.2010, 07:42:45
Poleciał.

Włączenie pliku css do news.php bez głównych tagów jest możliwe? Czy lepiej przenieść cssy z newsów do mojego głównego pliku css?
nospor
29.04.2010, 07:45:19
chodzi ci o to:
<link rel="stylesheet" type="text/css" href="news.css" />
?
Sprawdź smile.gif
ut2222
29.04.2010, 07:49:43
Wszystko działa biggrin.gif

Dziękuję za pomoc i podpowiedzi smile.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.