Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS][PHP]Problem z firefoxem
xyxy
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 1
Dołączył: 22.01.2009

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


Witam,

mam taki problem, że w firefoxie źle wyświetla co którąś iterację w pętli while. W operze, IE i chrome wszytko działa, gubi się tylko firefox.
W poniższym przykładzie to trochę uprościłem, żeby było widać sam problem. Po odpaleniu widać, że firefox pomieszał coś w 13 iteracji (widoczne na screenach na samym dole).

  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" />
  5. <title>lista</title>
  6. </head>
  7. <?
  8. $licznik=0;
  9. while($licznik < 25)
  10. {
  11. ?>
  12. <a href="#" style="display: block; width: 400px; height: 20px; margin:3px; padding: 3px; background-color: #ffcc66;">
  13. <div style="width:200px; float:left;">ssssss</div>
  14. <div style="" >wwwwww</div>
  15. </a>
  16. <?
  17. ++$licznik;
  18. }
  19. ?>
  20. </body>
  21. </html>



Tak wygląda w operze, chrome oraz w IE:
(IMG:http://images48.fotosik.pl/303/34dc5f500ac5a415.jpg)



A tak to wygląda w firefoxie:
(IMG:http://images47.fotosik.pl/302/b4c0991edcb5e853.jpg)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
xyxy
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 1
Dołączył: 22.01.2009

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


a faktycznie nic sie nie dzieje, ale to chyba wina rozszerzenia, pomyliłem BBCode na forum, jak sie zmieni rozszerzenie z html na php to widać ten efekt

  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" />
  7. <title>lista</title>
  8. </head>
  9. <body>
  10. <?
  11. $licznik=0;
  12. while($licznik < 25)
  13. {
  14. ?>
  15. <a href="#" style="display: block; width: 400px; height: 20px; margin:3px; padding: 3px; background-color: #ffcc66;">
  16. <div style="width:200px; float:left;">ssssss</div>
  17. <div style="" >wwwwww</div>
  18. </a>
  19. <?
  20. ++$licznik;
  21. }
  22. ?>
  23. </body>
  24. </html>
  25.  
  26.  
  27.  





Natomiast jeśli chodzi więcej kodu, to w całości to wygląda tak:
  1. <?php ob_start();
  2. <!DOCTYPE html
  3. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" />
  8. <link rel="stylesheet" href="style.css" type="text/css" />
  9. <meta name="Author" content="autor strony" />
  10.  
  11. <title>Klienci</title>
  12. </head>
  13. <body>
  14. <? include("baza.php");
  15. if ( isset( $_SESSION['user'] )) { ?>
  16. <form action="serwisy.php" method="post" target="_self">
  17. <br />sortuj według
  18. <select name="sortowanie1">
  19. <option value="tytul" <? print (strcmp($_POST['sortowanie1'], 'tytul')?'':' SELECTED'); ?> >tytuł</option>
  20. <option value="opis" <? print (strcmp($_POST['sortowanie1'], 'opis')?'':' SELECTED'); ?> >opis</option>
  21. <option value="firma" <? print (strcmp($_POST['sortowanie1'], 'firma')?'':' SELECTED'); ?> >firma</option>
  22. <option value="miasto" <? print (strcmp($_POST['sortowanie1'], 'miasto')?'':' SELECTED'); ?> >miasto</option>
  23. <option value="ulica" <? print (strcmp($_POST['sortowanie1'], 'ulica')?'':' SELECTED'); ?> >ulica</option>
  24. </select>
  25.  
  26. <select name="sortowanie2">
  27. <option value="ASC" <? print (strcmp($_POST['sortowanie2'], 'ASC')?'':' SELECTED'); ?> >Rosnaco</option>
  28. <option value="DESC" <? print (strcmp($_POST['sortowanie2'], 'DESC')?'':' SELECTED'); ?> >Malejaco</option>
  29. </select>
  30.  
  31. <input type="submit" name="button_sortuj" value="sortuj">
  32.  
  33. <?php
  34. unset($_SESSION['idklienta']);
  35. unset($_SESSION['idserwisu']);
  36. $mysql_server = "localhost";
  37. $mysql_admin = "root";
  38. $mysql_pass = "krasnal";
  39. $mysql_db = "projekt";
  40. @ $db = mysql_connect($mysql_server, $mysql_admin, $mysql_pass) or die ('<br />Brak połączenia z serwerem MySQL.');
  41. @mysql_select_db($mysql_db) or die ('<br />Błąd wyboru bazy danych.');
  42.  
  43.  
  44. if($_POST['sortowanie1'])
  45. {
  46. $query = "SELECT * FROM `serwisy`, `klienci` WHERE klienci.id_kl = serwisy.idklienta ORDER BY ".$_POST['sortowanie1']." ".$_POST['sortowanie2']."";
  47. $R = mysql_query($query);
  48. }
  49. else
  50. {
  51. $query = "SELECT * FROM `serwisy`, `klienci` WHERE klienci.id_kl = serwisy.idklienta ORDER BY serwisy.id_se ASC";
  52. $R = mysql_query($query);
  53. }
  54.  
  55. $idserwisu=1;
  56. while ($row = mysql_fetch_array($R, MYSQL_ASSOC))
  57. {
  58. $linkk = "serwis.php?id=".$row['idklienta']."&idserwisu=".$row['id_se']."";
  59. echo '
  60. <div class="background">
  61. <a href='.$linkk.' class="link1">
  62. <span class="idlisty">'.$idserwisu.')</span>
  63. <div class="lista">
  64. <div class="kol">Problem:</div>
  65. <div class="kol1">'.$row['tytul'].'</div>
  66. <div class="ttt">';
  67. if(!empty($row['firma']))
  68. {
  69. echo'<div class="kol">Klient:</div>
  70. <div class="kol1">'.$row['firma'].'</div>';
  71. }
  72. else
  73. {
  74. echo'<div class="kol">Klient:</div>
  75. <div class="kol1">'.$row['imie'].' '.$row['nazwisko'].'</div>';
  76. }
  77. <div class="kol">Status:</div>
  78. <div class="kol1">'.$row['status'].'</div>
  79. </div>
  80. <div class="ttt">
  81. <div class="kol">Data dodania:</div>
  82. <div class="kol1">'.$row['data_ds'].'</div>
  83. <div class="kol">Termin realizacji:</div>
  84. <div class="kol1">'.$row['data_ws'].'</div>';
  85. echo '</div></div></a></div>';
  86. ++$idserwisu;
  87. }
  88. }
  89. else
  90. echo'zaloguj się!';
  91.  
  92.  
  93. ?>
  94.  
  95. </form>
  96. </body>
  97. </html>
  98.  
  99.  
  100.  


i część pliku CSS:

Kod
body {
    background-color: #ffffcc;
    font: 12px Verdana;
}
.ttt {
    display: inline;
    float:left;
    padding: 0;
    margin:0;
    width: 350px;
    overflow: hidden;
}

.link1 {
    font: bold 10px/20px Verdana;
    border: 2px solid #eee;
    width: 800px;
    height: 100px;
    background-color:#ffcc66;
    margin: 4px;
    display: block;
    color: #2F4F4F;    
}
a.link1 {
    text-decoration: none;
}

a.link1:hover {
    background-color: #ffcc33;
    color: #333;
}

.kol1 {
    width: 250px;
    margin:0;
    cursor: pointer;
    overflow: hidden;
}

.kol {
    float: left;
    color: red;
    width: 100px;
    padding: 0;
    margin:0;
    cursor: pointer;
    overflow: hidden;
}

.lista {

    font: bold 10px/20px Verdana;
    padding: 20px 0 0 20px;
    margin:0;
    float: left;
}

.idlisty {
    padding: 5px 0 0 10px;
    float: left;

}

.background {
    background-color:#ff9900;
    width: 812px;
}




No i Firefox miesza mi (rozsypuje) te linki <a href='.$linkk.' class="link1"> nie wiem dlaczego i tylko firefox, reszta przeglądarek działa

screen:
(IMG:http://images41.fotosik.pl/298/f232f4f1b3dd4bbdmed.jpg)

tak to wygląda w efekcie końcowym i sypie się tutaj akurat na czwartej pozycji
Go to the top of the page
+Quote Post

Posty w temacie


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 Aktualny czas: 11.10.2025 - 19:35