Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Problem z wyświetlaniem tabeli w Chrome i Operze

Chcesz nauczyć się projektowania funkcjonalnych i dostępnych dla wszystkich serwisów, poznać standardy tworzenia stron WWW? A może masz w tej dziedzinie spore doświadczenie, ktorym chcesz się podzielić z innymi?

Problem z wyświetlaniem tabeli w Chrome i Operze

Post 12.05.2017, 18:35:59

Witam!
Mam tabelę wyświetlającą rekordy z bazy generowaną przez php. Problem w tym, że w przegłądarkach: Edge, Firefox i Safari wyświetla się poprawnie(załącznik s1) a na Chrome(Chromium) i Operze wyświetla się źle - wszystkie komórki mają zbyt dużą wysokość(załącznik s2). Dlaczego tak się dzieje i jak to naprawić? Może chodzi o parametr line-height?


Kod: Zaznacz cały

<table  name="table" border="1"  style="position:relative; top:-750px; left:20px; ">
<thead>
<tr>
<th class = "th"><input type="hidden" name="id" value="id" /><input type="button" value="ID" name="id_user" class="btn btn-default btn-secondary"></th>
 
<th class = "th"><input type="hidden" name="type" value="type" /><input type="button" value="Typ Ceny" name="utype" class="btn btn-default btn-secondary" style="width: 222px;"></th>
 
<th class = "th"><input type="hidden" name="pricefor" value="adult" /><input type="submit" value="Cena dla" name="upfor" class="btn btn-default btn-secondary" style="width: 222px;"></th>
 
<th class = "th"><input type="hidden" name="range" value="range1" /><input type="button" value="Dziecko - przedział wiekowy" name="urange" class="btn btn-default btn-secondary" style="width: 222px;"></th>
 
<th class = "th"><input type="hidden" name="room_type" value="room_type" /><input type="button" value="Typ pokoju" name="uroom_t" class="btn btn-default btn-secondary" style="width: 222px;" ></th>
 
<th class = "th"><input type="hidden" name="price" value="price" /><input type="button" value="Cena" name="urange_p" class="btn btn-default btn-secondary" style="width: 222px;" ></th>
 
<th class = "th" width="120px;"><div style = "width: 120px;">Opcje</div></th>
</tr>
</thead>
<tbody>
 
 while($row = mysql_fetch_array($resultSet)) { 
 
    $id= $row['id'];
    $type= $row['type'];
    $pricefor=$row['pricefor'];
    $range =$row['child_range'];
    $room =$row['room_type'];    
    $price =$row['price'];
 
    ?>
 
    <tr>
    <form id="form_users" action = "https://www.mbrcp.com/administrator/modules/mod_activate/edit_prices.php" method = "GET"><p>
    <td class="container_p" width = "40px;"><center><?php  echo $row['id'];?></td>
    <td class="container_p" ><div><input type="text" name="type" size="40;" line-height="0px" value="<?php  echo $row['type'];?>"></input></div></td>   
        <td class="container_p"><div class="td_div"><input type="text" name="price_for" size="40" line-height="0px" value="<?php echo $row['pricefor'];?>"></input></div></td>
        <td class="container_p"><div><input type="text" name="range" size="40" line-height="0px" value="<?php echo $row['child_range'];?>"></input></div></td>
        <td class="container_p"><div><input type="text" name="room_type" size="40" line-height="0px" value="<?php echo $row['room_type'];?>"></input></div></td>
        <td class="container_p"><div><input type="text" name="price" size="40" line-height="0px" value="<?php echo $row['price'];?>"></input></div></td>
 
        <td class="container_p">
        <input type="hidden" name="id" value="<?php echo $id; ?> " />
        <input type="hidden" name="table" value="<?php echo $table; ?> " />
    <div><div class="opt_btn" style="width: 58px; position: relative; top: 16px;"><input type="submit" value="Zapisz" class="btn btn-default btn-secondary"></div></form></p><div 
         class="opt_btnu" style="position: relative; top: -11px; left: 65px;"> <input type="button" value="Usuń"  class="btn btn-primary" style="width: 58px;" 
         onClick="location.href='https://www.mbrcp.com/administrator/modules/mod_activate/delete_prices.php?param=<?php echo $table;?>,<?php echo $id_col;?>,<?php echo $id;?>'"></div>
       </div>
        </td>
        </tr>
<php } ?>
          </tbody></table>
`


CSS
table td.container_p > div { width: 100%; /*height: 100%;*/ position: relative; /*top: -15px;*/ }
table td.container_p { height: 0px; padding: 0px !important; line-height: 0.01px !important; }


S1
Obrazek





S2
Obrazek
Amakesh
Posty: 13
Dołączył(a): 26.06.2014

Re: Problem z wyświetlaniem tabeli w Chrome i Operze

Post 13.05.2017, 18:58:57

Niestety nie widzę możliwości edycji pierwszego posta.
Problem tkwił w danych przeglądania(cache etc). Wystarczyło wyczyścić i tabela wyświetla się poprawnie:) Temat można zamknąć.
Amakesh
Posty: 13
Dołączył(a): 26.06.2014


Powrót do Standardy sieciowe


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 935002 wiadomości
  • w 246321 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)