Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tabela a Height=100% które nie działa
Forum PHP.pl > Forum > Po stronie przeglądarki
orange
22.12.2004, 14:04:30
Witam.
Potrzebuję utworzyć tabelę, która rozjedzie się maksymalnie, między nagłówkiem a stopką strony.
Chodzi mi o to, ze jak w centralnym miejscu przeznaczonym na treść będzie mało tekstu to tabela po lewo powinna mieć przykładowo 500px (dopasowana do treści)
Innym razem kiedy jest dużo tekstu oraz zrzuty ekranowe potrzebuje tabeli wysokości 2000px.
Atrybut 100% nic nie pomaga. Chyba, że źle go używam... blink.gif
shima
22.12.2004, 14:19:07
daj 100% dla html i body
orange
22.12.2004, 15:01:54
Tak zrobiłem i nic nie pomogło :/

Wklejam kod:

Kod
<html height=100%>
<body height=100%>
<TABLE WIDTH=100% HEIGHT=100% BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE="background: url(img/zielony/przerwa.GIF) repeat scroll; page-break-before: always">
    <COL WIDTH=256*>
    <THEAD>
  <TR>
     <TD WIDTH=100% VALIGN=TOP STYLE="background: url(img/zielony/przerwa.GIF) repeat scroll">
    <P>&nbsp;&nbsp;<img src="/img/article/intlink_1.gif" leftmargin="5"></img><a href="/index.php?id=25,0,0,1,0,0">Mapa strony</a><BR>&nbsp;&nbsp;<img src="img/article/intlink_1.gif"></img><a href="mailto:">Kontakt</a><BR>
    </P>
     </TD>
  </TR>
    </THEAD>
</TABLE>
</html>
</body>
oldek
22.12.2004, 15:33:30
A jednak rozciąga :roll2: By sie o tym przekonać wystarczy zmienić z BORDER=0 na BORDER=1 snitch.gif Dorzuć jeszcze ALIGN=middle przy znaczniku <TD>, no i VALIGN =top zmień VALIGN=middle i będziesz o kroczek bliżej celu, do którego jeszcze daleko... Co dalej? Pewnie tabelka 2 na 2 w komórce tabelki... worriedsmiley.gif
orange
22.12.2004, 15:56:48
Hmmm, no rzeczywiscie rozciaga, ale tylko gdy zrobie nowy plik z tym kodem.
W moim kodzie jednak nie chce to dzialac.
No i ja potrzebuje nie middle tylko top i left jesli chodzi o te napisy:)
Mozna zrobic owszem 2 komorki na te wpisy w tabeli ale nie zmienia to faktu, ze nadal nie rozciąga sad.gif
Wklejam ten kod do phpwcms`a - bo na tym stawiam stronke.

A potrzebuje rozciagniętej kolumny bo tło (background) chcę aby wypełniło całość...
shima
22.12.2004, 16:06:32
Działa i to niezależnie od wyrównania. Prawdopodobnie w Twoim kodzie są jeszcze inne elementy, które nie pozwalają na rozciągnięcie tabeli. Przeanalizuj to dokładnie.
orange
22.12.2004, 16:23:54
Więc sprawdziłem cały kod - w nowym dokumencie i rzeczywiście działa dobrze.

Natomiast na stronie nie.
pokzuje zrzut o co mi chodzi - ustwiłem table border 5 winksmiley.jpg


I chcę aby to zielone z ramki rozciągnęło się na całość, do samego dołu blink.gif

UPDATE rolleyes.gif

Dobra, poradziłem sobie. Phpwcms chyba na to nie pozwala, ale znalazłem taką opcje
która sama wrzuca obrazek jako tło, więc obeszło się bez kodu.

Dzięki za wszystko
sf
22.12.2004, 17:00:24
<html height=100%>

Czad! Przy okazji sprawdź sobie ta Twoją stronę z validatorem na stronie www.w3.org. Ten validator to tak naprawdę profesor, który pokazuje Ci jaki jest Twój poziom HTML tongue.gif
orange
22.12.2004, 17:02:54
a pokaz mi stronke zgodną z w3cache smile.gif

Ja takiej nie znalzłem. Nawet strony organizacji w3c nie zdają tego tesu
A co do html height=100% smile.gif
Cóż, tez o tym nie slyszałem ale poprawnie działa pod IE, firefoxem, firebirdem i operą więc nic nie ruszam
Dzięki i pozdrawiam
rogrog
22.12.2004, 17:19:26
Cytat(orange @ 2004-12-22 18:02:54)
a pokaz mi stronke zgodną z w3cache smile.gif

Ja takiej nie znalzłem. Nawet strony organizacji w3c nie zdają tego tesu
A co do html height=100% smile.gif
Cóż, tez o tym nie slyszałem ale poprawnie działa pod IE, firefoxem, firebirdem i operą więc nic nie ruszam

myślałem że W3C to www consortium a nie w3 cache tongue.gif

IE, Firefox... Firebird questionmark.gif o ciekawe, chyba jakaś nowa przeglądarka... muszę sobie ściagnąć tego Firebirda tongue.gif

każda naprawdę profesjonalna stronka zdaje ten test. Chociażby wp.pl.
orange
22.12.2004, 17:31:33
Dyskusja zaczyna zbaczać z toru...
Co z tego ze firefox i firebird to mozilla? Jednak inna wersja.
Tak samo jak nie wszystkie strony działają poprawnie na IE5.
Czepiasz się i tyle.

A co do w3c - tak masz rację oczywiście. Nigdy nie wstukałeś tego zamiennie?
Bo ja np czasem potrafie napisac NTFS zamiast NTSC mimo, ze wiem o czym piszę...

Myślałem, ze znalazłem ciekawe forum, a tu jak wszędzie... Każdy się chcę pomądrzyć.

Zaraz zobacze czy wp.pl jest zgodne z w3c

----------
Ok, wp.pl jest zgodne.
ale forum.php.pl nie. Podobnie jak onet.pl i interia.pl i wiele wiele innych

Dodam jeszcze, ze http://rogrog.contrario.pl/dsi/ tez nie jest zgodna z w3c :roll2:

No ale pozdrowienia. W końcu idą świeta Rkingsmiley.png
orson
23.12.2004, 11:21:19
witam ..

to chyba raczej tak powinno byc:
Kod
<html style='height: 100%'>
<body style='height: 100%'>
questionmark.gif przeciez html i body nie maja atrybutu height ...
revyag
23.12.2004, 11:44:59
Cytat
... muszę sobie ściagnąć tego Firebirda

http://ftp.mozilla.org/pub/mozilla.org/fir...d/releases/0.7/
udanych transferów winksmiley.jpg
bigZbig
23.12.2004, 11:50:40
Cytat(orson @ 2004-12-23 10:21:19)
witam ..

to chyba raczej tak powinno byc:
Kod
<html style='height: 100%'>
<body style='height: 100%'>
questionmark.gif przeciez html i body nie maja atrybutu height ...

Nie wiedzialem, ze tag <html> ma atrybut style - cuz człowiek uczy sie cale zycie. Poza tym jesli juz mamy robic cos prawidlowo to proponowalbym stosowac cudzyslowy podwojne, zamiast pojedynczych. Ponad to skoro dla elementu <body> nie przewidziano atrybutu height to uzycie style="height: 100%", tez jest nieprawidlowe. Wlasciwie powinno sie w ciele strony zrobic tabele i rozciagnac ja na 100%.
orson
23.12.2004, 19:23:23
witam ...
Cytat
Nie wiedzialem, ze tag <html> ma atrybut style - cuz człowiek uczy sie cale zycie.

jezeli ustawisz w html i w body to mozesz ustawiac % dla pozniejszych ... html i body to sa elementy ktore sa przeciez renderowane ... wiec skoro sa renderowane to znaczy ze maja jakies wlasciwosci i atrybuty ... nie jestem pewien czy html ma style ale jak sie przypisze to dziala

Cytat
Poza tym jesli juz mamy robic cos prawidlowo to proponowalbym stosowac cudzyslowy podwojne, zamiast pojedynczych.

przeciez wyraznie jest napisane w specyfikacji html:
http://www.w3c.org/
ze mozna stosowac albo pojedyncze ale podwojne ... mozna nawet stosowac encje ...
Cytat
Ponad to skoro dla elementu <body> nie przewidziano atrybutu height to uzycie style="height: 100%", tez jest nieprawidlowe.

mylisz pojecia ... body nie ma width i height ... ale jako ze jest renderowane jako blok [display: block] to mozna mu przypisac atrybut w stylach ... i dlatego mozna mu przypisac width: 100% i height: 100% ale w stylach

Cytat
Wlasciwie powinno sie w ciele strony zrobic tabele i rozciagnac ja na 100%.

nie zawsze bedzie dzialac ... najlepiej jest ustawic jednak height w body i html ...

pozdrawiam
sf
23.12.2004, 21:42:22
orson: jakoś nie widze w dokumntacji html 4.01 by można było stosować style w html ;] może trzeba napisać do nich by to dodali ? tongue.gif

orange: skoro Ci się nie podoba to forum, znajdź inne gdzie się olewa standardy i pisze byle działało
sf
25.12.2004, 10:53:57
Cytat(Rafael @ 2004-12-24 00:05:01)
Cytat
orson: jakoś nie widze w dokumntacji html 4.01 by można było stosować style w html ;] może trzeba napisać do nich by to dodali ?

zgadza się. Ani html ani xhtml nie definiuje atrybutu style dla elementu <html />, co jednak MZ nie wyklucza, że można ten element formatować za pomocą CSS

Moim zdaniem zdecydowanie wyklucza. Użycie CSS to jest jakby ominięcie wyskoczenia protestu validatora HTML. Validator CSS nie sprawdza nazw tylko atrybuty. Gdyby twórcy chcieli by można było używać style do znacznika HTML to by umieścili o tym informacje w dokumentacji. Nie ma takiej informacji, użycie style powoduje protest validatora.
orson
25.12.2004, 17:03:39
witam ...

dlatego taki kod:
[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" xml:lang="en" lang="en">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.         <title>Untitled-1</title>
  6.         <style type="text/css">
  7.         html{
  8.             height: 100%;
  9.             width: 100%;
  10.             margin: 0px;
  11.         }
  12.  
  13.         body{
  14.             height: 100%;
  15.             width: 100%;
  16.             margin: 0px;        
  17.         }
  18.         table{
  19.             height: 100%;
  20.         }
  21.         </style>
  22.     </head>
  23.     <body bgcolor="#ffffff" style='height: 100%'>
  24.         <table width='100%' border='1'>
  25.             <tr>
  26.                 <td>1</td>
  27.                 <td>1</td>
  28.             </tr>
  29.         </table>
  30.     </body>
  31. </html>
[HTML] pobierz, plaintext

jest poprawny wg. w3c [sprawdzalem xhtml i style] jako XHTML 1.0 Transitional a taki :
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
  5.         <title>Untitled-1</title>
  6.         <style type="text/css">
  7.         html{
  8.             height: 100%;
  9.             width: 100%;
  10.             margin: 0px;
  11.         }
  12.  
  13.         body{
  14.             height: 100%;
  15.             width: 100%;
  16.             margin: 0px;        
  17.         }
  18.         table{
  19.             height: 100%;
  20.         }
  21.         </style>
  22.     </head>
  23.     <body>
  24.         <table width='100%' border='1'>
  25.             <tr>
  26.                 <td>1</td>
  27.                 <td>1</td>
  28.             </tr>
  29.         </table>
  30.     </body>
  31. </html>
[HTML] pobierz, plaintext
jest poprawny jako HTML 4.01 Transitional i HTML 4.01 Strict [trzeba wymienic doctype tylko] wiec chyba mozna tak robic ... czyli zeby tabelka miala % wysokosc kazdy element wyzej tabelki musi miec ustawiona wysokosc ... albo px albo % ...

pozdrawiam
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.