login  Naam:   Wachtwoord: 
Registreer je!
 Forum

table 100% width xhtml

Offline X3ore - 31/05/2006 17:24
Avatar van X3oreHTML interesse Hoi 

Ik heb een layoutje klaar en die wil ik nu gebruiken volgens de xhtml normen.. Maar nu stuit ik op het volgende probleem..

Ik wil dat mijn tabel een hoogte van 100% heeft.. dit doe ik in een externe css file:

  1. .site_table {
  2. border: 0px;
  3. height: 100%;
  4. width: 841px;
  5. }


Allemaal geen probleem.. maar zodra ik dan dit bovenaan plaats:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">


Dan doet ie het niet meer.. de tabel stopt in de helft van de website.. enige idee hoe dit komt?

Zo moet het: (zonder xhtml tag bovenaan)
http://82.192.79.75/~shane/zo_wel.jpg

Zo moet het niet (met xhtml tag..)
http://82.192.79.75/~shane/zo_niet.jpg

Alvast bedankt

15 antwoorden

Gesponsorde links
Offline MindPrison - 31/05/2006 17:30
Avatar van MindPrison PHP gevorderde ik denk dat het heel logisch is, een tabel 100% hoog gaat niet in XHTML 1.0 Transitional
Offline X3ore - 31/05/2006 17:42
Avatar van X3ore HTML interesse En valt dit op te lossen in xhtml?
Offline marten - 31/05/2006 17:45
Avatar van marten Beheerder een statische waarde geven 
Offline X3ore - 31/05/2006 18:03
Avatar van X3ore HTML interesse Wat bedoel je juist met een statische waarde geven? Kun je een voorbeeld geven? Heb er namelijk nog niet van gehoord en google helpt me ook niet verder 
Offline marten - 31/05/2006 18:05
Avatar van marten Beheerder pixels ipv procenten noemen ze statisch
Dynamisch ---> Procenten (Passen zichzelf aan afhankelijk van de omgeving zoals resolutie enzo)
Offline X3ore - 31/05/2006 18:08
Avatar van X3ore HTML interesse Oke, bedankt 

Maar hoe weet ik dan hoeveel pixels ik moet instellen?
Niet iedereen heeft dezelfde resolutie he.

height: 100%; moet dan worden height: [aantal]px; ?

Maar hoeveel nu 
Offline marten - 31/05/2006 18:08 (laatste wijziging 31/05/2006 18:10)
Avatar van marten Beheerder tja

maar denk nog steeds dat er een betere oplossing is.......

Heb je je code al eens door de validator gehaald? Kan ook zijn dat hij op een fout afbreekt he 
Offline MindPrison - 31/05/2006 18:29 (laatste wijziging 31/05/2006 18:35)
Avatar van MindPrison PHP gevorderde Je kan de hoogte laten instellen met javascript:
  1. function setHoogte()
  2. {
  3. // Hoogte van venster ophalen
  4. if(window.innerHeight)
  5. var hoogte = window.innerHeight;
  6. else
  7. var hoogte = document.body.offsetHeight;
  8.  
  9. if(document.getElementById('tabel').offsetHeight < hoogte)
  10. { // Te klein?
  11. document.getElementById('tabel').style.height = hoogte + "px";
  12. }
  13. }


dan laat je setHoogte() uitvoeren door <body onload="setHoogte()">
zorg dan dat je tabel de id "tabel" heeft.
Ik heb dit wel niet getest (dit is een kleine variant van een script van mij), maar het zal wel werken denk ik.
Offline X3ore - 31/05/2006 18:32
Avatar van X3ore HTML interesse This Page Is Valid XHTML 1.0 Transitional!
http://82.192.79.75/~shane/tmp/index.php

Maar dat lost het probleem nog niet op.
Offline MindPrison - 31/05/2006 18:34 (laatste wijziging 31/05/2006 18:39)
Avatar van MindPrison PHP gevorderde ik zie geen javascript... ie is wel valid: This Page Is Valid XHTML 1.0 Transitional!
Offline X3ore - 31/05/2006 19:02 (laatste wijziging 31/05/2006 19:04)
Avatar van X3ore HTML interesse Ja sorry had je post niet gezien, nu werkt het wel.
Hartelijk bedankt. 

Edit, het werkt enkel in firefox, in internet explorer krijg ik nog steeds maar de helft van de pagina.
Offline MindPrison - 31/05/2006 20:10
Avatar van MindPrison PHP gevorderde haja, voor IE moet je een css lijn toevoegen:
  1. body
  2. {
  3. height: 100%;
  4. }


Als ie nu niet correct werkt, weet ik de oplossing niet, want bij mij werkt dit perfect (ik gebruik wel <div>'s).
Offline X3ore - 31/05/2006 20:18
Avatar van X3ore HTML interesse Bedankt nu werkt hij maar als je eens in IE gaat kijken..

http://82.192.79.75/~shane/tmp/index.php

De afbeeldingen bovenaan verschuiven
:s
Offline MindPrison - 31/05/2006 20:36 (laatste wijziging 31/05/2006 20:37)
Avatar van MindPrison PHP gevorderde dat is omdat ie de tabel uitrekt.
Firefox rekt dan alleen de cellen zonder opgegeven hoogte uit, maar IE doet die met alle cellen.
Dit kan je maar op één manier oplossen en dat is door de hoogte van alleen de onderste cel aan te passen.

Je doet dus: hoogteOndersteCel = TotaleHoogte - HoogteHeader
Offline X3ore - 31/05/2006 20:51 (laatste wijziging 02/06/2006 09:44)
Avatar van X3ore HTML interesse Daar kan ik toch even niet aan uit.
Is het simpel toe te passen? Zoja zou jij het even kunnen doen? En anders zou je het iets presieser kunnen uitleggen met een voorbeeld ofzo. Altijd IE die moeilijk moet doen he en ik mss ook soms

Hieronder de html code van de pagina
http://plaatscode.be/495/

Nogmaals bedankt he


vinTage edit:
stop met bouncen, dit topic stond nog in de active list en je hebt verder geen nuttige toevoeging gedaan.
verder zou het beter zijn om zelf te klooien met de tips die mp je gaf ipv te vragen of hij het wil doen, anders ga je beter naar samenwerken ;)

X3ORE EDIT: Euhm wat ben ik met tips als ik ze niet snap? Daarom vraag ik ook hulp!

vinTage edit:
Dat je dit topic bounced zodra uit uit de actieve lijst is maakt me niet uit, maar de vorige bounce was zwaar onnodig want hij stond op de 4e of 5e plaats, en je editte dit bericht maar veranderde niks, dus gewoon een bounce om maar bovenin te staan imo.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.223s