Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][MySQL][PHP] Źle skalujące się divy
ut2222
post 28.04.2010, 21:39:37
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 20.04.2010

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


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

  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>


  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.  





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?


Ten post edytował ut2222 28.04.2010, 21:43:32
Go to the top of the page
+Quote Post
krzysztof_kf
post 28.04.2010, 21:47:36
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


A pokaż jeszcze plik news.php bo widocznie coś tam nie gra to co teraz pokazałeś jest ok .
Go to the top of the page
+Quote Post
ut2222
post 28.04.2010, 21:51:01
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 20.04.2010

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


  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. <meta http-equiv="Content-Language" content="pl" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <link rel="stylesheet" type="text/css" href="news.css" />
  7. </head>
  8.  
  9. <?
  10. $connection = @mysql_connect('localhost', 'użyszkodnik', 'hasłooo')
  11. or die('Brak połączenia z serwerem MySQL.<br />Błąd: '.mysql_error());
  12. /* echo "Udało się połączyć z serwerem!<br />"; */
  13. $db = @mysql_select_db('iudicia', $connection)
  14. or die('Nie mogę połączyć się z bazą danych<br />Błąd: '.mysql_error());
  15. /* echo "Udało się połączyć z bazą dancych!"; */
  16. mysql_query("SET NAMES 'utf8'");
  17.  
  18. $link=mysql_query("SELECT * FROM news");
  19.  
  20. while($wiersz=mysql_fetch_array($link))
  21.  
  22.  
  23. {
  24.  
  25. echo '<div class="info">';
  26. echo $wiersz['title'];
  27. echo '</div>';
  28.  
  29. echo '<div class="info">';
  30. echo $wiersz['date'];
  31. echo '</div>';
  32.  
  33.  
  34. echo '<div class="info">';
  35. echo $wiersz['text'];
  36. echo '</div>';
  37.  
  38. }
  39. echo '</div>';
  40.  
  41. mysql_close($connection);
  42.  
  43. ?>
  44. <div class="clear">
  45. </div>
  46.  
  47. </body>
  48.  
  49. </html>


Ten post edytował ut2222 28.04.2010, 21:51:19
Go to the top of the page
+Quote Post
nospor
post 28.04.2010, 21:53:52
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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)


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
ut2222
post 29.04.2010, 06:08:30
Post #5





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 20.04.2010

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


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

Ten post edytował ut2222 29.04.2010, 06:13:07
Go to the top of the page
+Quote Post
nospor
post 29.04.2010, 06:56:11
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
ut2222
post 29.04.2010, 07:42:45
Post #7





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 20.04.2010

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


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?
Go to the top of the page
+Quote Post
nospor
post 29.04.2010, 07:45:19
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




chodzi ci o to:
<link rel="stylesheet" type="text/css" href="news.css" />
?
Sprawdź smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
ut2222
post 29.04.2010, 07:49:43
Post #9





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 20.04.2010

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


Wszystko działa biggrin.gif

Dziękuję za pomoc i podpowiedzi smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:55