[html]tabela-stala wysokosc komorek - scrollowanie zawartosc

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
krisslech
Posty: 3
Rejestracja: ndz maja 08, 2005 12:15 am

[html]tabela-stala wysokosc komorek - scrollowanie zawartosc

Post autor: krisslech »

witam, mam duuuzy problem
robie stronke, ktora sklada sie z malej tabeli, do ktorej komorek includowane sa 3 pliki,
tabela ta ma miec stala szerokosc i wysokosc (500px na 400 px),jej komorki rowniez maja miec stale rozmiary, jednak po wczytaniu do jednej z komorek pliku ktorego rozmiar jest wiekszy, tabela ta wydluza sie,
mam wiec pytanie jak zrobic aby komorka zachowala swoj rozmiar i pojawil sie scrollbar pozwalajacy przewinac zawartosc komorki (czy da sie to zrobic bez uzywania ramek???), probowalem div-ami ale nie dalem rady:(((

jezeli zle sie wyrazilem to chodzi mi o efekt widoczny na tej stronie

http://www.rammstein.de/Fehler/

a oto kod mojej stronki

Kod: Zaznacz cały

<?php 
// zmienna potrzebna do prawidlowego wczytania includowanych plikow 
$add_site = true; 
?> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> 
<meta http-equiv="Reply-to" content="[email protected]" /> 
<meta name="Author" content="Krzysztof Szypulski" /> 
<head> 
  <title>Szablon strony WWW z wykorzystaniem PHP</title> 
  <style type="text/css"> 
    <!-- 
    
    body { 
    font-family: Verdana, Arial; 
    font-size: 12px; 
    } 
    
    --> 
  </style> 
</head> 
<body > 
  <table border="0" cellpadding="0" cellspacing="0" > 
  <tr> 
          <td  colspan="2"><?php include "include/naglowek.php"; ?></td> 
  </tr> 
  <tr > 
   <td width=10%><?php include "include/naglowek.php"; ?></TD> 
   <td  valign="top"> 
<?php 
         $go = $_GET['go']; 

        if(!empty($go) { 
      
      if(is_file("page/$go.html")) include "page/$go.html"; 
        else echo "<br />Nie ma takiej strony :-("; 
     } 
?> 
   </td> 

</tr> 
</table> 

</body> 
</html> 
dziekuje z gory za odpowiedz
Zyryx
Nowy
Nowy
Posty: 119
Rejestracja: pn gru 27, 2004 6:05 pm
Lokalizacja: Gdynia
Kontakt:

Re: [html]tabela-stala wysokosc komorek - scrollowanie zawartosc

Post autor: Zyryx »

Z tabelkami na pewno czegoś takiego nie zrobisz. Z ramkami nie ma sensu się tak męczyć zwłaszcza, że powinno się odchodzić od tworzenia stron w ramkach. To co tam widać na tej stronie to chyba są style. Ale jak to zrobić to nie wiem :-(
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [html]tabela-stala wysokosc komorek - scrollowanie zawartosc

Post autor: Stig »

Zacznijmy od tego, że nie należy robić stron opartych na tabele. Tabele służą tylko i wyłącznie do przekazywana danych tabelarycznych.
Jeśli chodzi o rozwiązanie tego problemu to podobny efekt można uzyskać wstawiając do komórki div z atrybutem "overflow" z wartością "auto". Z resztą posty na ten temat byly już na forum: http://www.webinside.pl/forum/viewtopic.php?t=4537.
Natomiast na pokazanej przez Ciebie stronie wykorszystano jeszcze inny sposób oparty na pozycjonowanie absolutne w CSS'ie. Jest to znacznie bardziej rozbudowne rozwiązanie, więc nie będę go tu opisywać. Jeśli chcesz uzyskać podobny efekt to radzę pierw poczytać trochę na ten temat w specyfikacji CSS. Poza tym ta strona, w przeciwieństwie do Twojego przykładu, nie jest oparta na tabele, tylko na div'y (i tak być powinno :-D).
ODPOWIEDZ