Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

tabel afmeting in (% - px), kan dat?

22 antwoorden
  • Men neme een page met een header en footer, beide vaste hoge en vaste positie. Plaats daar tussen een tabel (of iets anders) dat afhankelijk van de schermresolutie meegroeit ... kan dat? Ik heb zitten denken aan een height waarde in % minus de pixels van de header en footer. Alleen wil dit niet werken ..... iemand een suggestie?
  • Waarom die combinatie? header en footer in % en dan de content 100% minus header en footer kan toch ook..
  • ik snap helemaal wat je zegt, maar dat wil zeggen dat het uiterlijk van mijn header en footer wijzigen als de schermresolutie veranderd. i.v.m. de lay out van de page is dat geen optie ... dan moet er zoveel meer mee resizen .... en buiten dat: ik wil heeeeel graag dat de header en footer gelijk blijven .....
  • ik heb hem! ik maak een tabel bestaande uit 3 rijen (in de breedte). de tabel maak ik height 100%, de bovenste rij even groot als de header en transpsrant, de onderste rij even groot als de footer, transparant en uitlijnen op bottom. als het goed is resized nu de middelste rij mee als ik de schermresolutie wijzig! vanavond weer verder klooien .....
  • [quote:00404ec023="Aernout"]Men neme een page met een header en footer, beide vaste hoge en vaste positie. Plaats daar tussen een tabel (of iets anders) dat afhankelijk van de schermresolutie meegroeit ... kan dat? iemand een suggestie?[/quote:00404ec023] http://annevankesteren.nl/archives/2004/07/fixed-positioning
  • [quote:06c50e6710]ik maak een tabel bestaande uit 3 rijen (in de breedte). de tabel maak ik height 100%, de bovenste rij even groot als de header en transpsrant, de onderste rij even groot als de footer, transparant en uitlijnen op bottom. [/quote:06c50e6710] Op zich moet dat inderdaad werken, maar het is niet zo'n mooie oplossing. Met CSS kun je hetzelfde bereiken, maar dan op een manier zonder tabellen en dat is qua programmering een stuk mooier (en meer compatible met andere browsers dan IE)
  • NOU, ik heb het handeltje met de tabellen aan de gang gekregen ... enige probleem is dat ik de desbetreffende middelste rij een scrollbar wil toebedelen als de inhoud te veel word, maar dat lukt me weer niet ... en ik heb liever css! h4xX0r, die link dat is het helemaal! thanx a thousand times!
  • [quote:dafb1f5e02]enige probleem is dat ik de desbetreffende middelste rij een scrollbar wil toebedelen als de inhoud te veel word[/quote:dafb1f5e02] In je middelste tabelrij een div plaatsen: [code:1:dafb1f5e02]<div style="overflow:auto;">blablabla</div>[/code:1:dafb1f5e02]
  • is een goeie redmar! maar het werkt van geen kanten ... ik heb het toevallig gisteravond tot in den treure geprobeerd ... (ik maak de site zo dat ie in IE en Mozilla werkt, en ergens ging er iets fout ...)
  • Ik heb het zelf [b:44b0e84e8f]zowel in IE als FF werkend [/b:44b0e84e8f]toegepast (afgezien van het feit dat scrollen met het muiswieltje in FF niet wil, maar daar is mee te leven). [quote:44b0e84e8f]maar het werkt van geen kanten[/quote:44b0e84e8f] Wat werkt van geen kanten? En wat is je code? Ik zelf heb het globaal genomen zo: [code:1:44b0e84e8f]<tr> <td> <div style="overflow:auto;">tekst</div> </td> </tr>[/code:1:44b0e84e8f]
  • ik denk dat dat te maken heeft met de tabel waar ie in staat, die heeft bij mij geen vaste hoogte maat, dus de rij wordt gewoon langer i.p.v. dat de div een scrollbar krijgt ..... ik kom er nog even op terug, zal even wat gaan controleren!
  • [code:1:eb521ee0c0]<table class="text" cellspacing="0" cellpading="0" height="100%" border="0"> <tr> <td height="109px"> </td> </tr> <tr> <td bgcolor="FFFACD"> <div style="overflow:auto;"> algemeen<br> blaat<br> blaat<br> Blaat blaat blaat ... </div> </td> </tr> <tr> <td height="67px" bottom="0px"> </td> </tr> </table> [/code:1:eb521ee0c0] dit is hem dan, en het werkt echt niet! boehoehoehoe ....
  • [code:1:c93f672739]<table class="text" cellspacing="0" cellpading="0" height="100%" border="0"> <tr> <td height="109px" bgcolor="#FF0000"> </td> </tr> <tr> <td bgcolor="FFFACD"> <div style="overflow:auto;height:100%;"> algemeen<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> blaat<br> Blaat blaat blaat ... </div> </td> </tr> <tr> <td height="67px" bgcolor="#FF0000"> </td> </tr> </table> [/code:1:c93f672739] Zo doet ie 't wel in IE, maar niet in FF... Maar volgens mij zijn er de nodige alternatieven te vinden die in zowel IE als FF werken.. linkjes weet ik zo niet maar even zoeken hier in recente onderwerpen levert wel wat op volgens mij...
  • Welk doctype heb je gebruikt?
  • :oops: :oops: :oops: :oops: :oops: :oops: :oops: euhm ... geen een? :cry:
  • geen doctype = browser in quirksmode = onvoorspelbare render... t.
  • Anyway, hier staat meer [url=http://www.quirksmode.org/]info[/url]
  • wat voor render????? que?
  • [quote:c2205f9d42="Aernout"]wat voor render????? que?[/quote:c2205f9d42] Een website wordt opgemaakt aan de hand van de HTML code in de source van die site. Dit wordt renderen genoemd en dat gebeurt met behulp van een engine in de browser. Er zijn meerdere soorten engines en twee belangrijke voorbeelden zijn de enigge van IE en Gecko, de engine van o.a. Firefox. Er zijn er nog andere (Safari, KHTML etc) Om een pagina goed te kunnen renderen heeft de browser een 'doctype' nodig. Krijgt IE die niet, dan gaat hij van 'standard' mode in 'quirks' mode. Je kunt dan niet goed meer voorspellen wat er gebeurd. Voor meer info verwijs ik je naar die link die ik hierboven gaf en naar de websites van het [url=www.w3c.org]W3c[/url]
  • Of nog simpeler gezegd: met een doctype geef je aan met wat voor document een browser te maken heeft. Als een browser weet wat voor document het is, dan kan hij zich aan bepaalde regeltjes houden hoe hij de pagina moet weergeven. Hij springt dan in Standards mode. Als de browser niet (of niet goed) te horen krijgt wat voor document het is, dan gaat hij zelf maar een beetje gokken hoe het moet. Dit is Quirks mode, zoals teacher en Japaveh al zeiden. Dit kan zoals reeds gezegd als resultaat hebben dat je site er op elke browser anders uitziet. Zie ook [url=http://www.handleidinghtml.nl/html/structuur-document/structuur-document04.html]HandleidingHTML[/url]. Volgende vraag is dan: welke doctype neem je dan? Jij werkt zo te zien met HTML, in dat geval wordt het één van de HTML 4.01-versies (welke versies dat zijn, zie je op o.a. [url=http://www.handleidinghtml.nl/html/structuur-document/structuur-document04.html]HandleidingHTML[/url]. Bepaal je met de pagina welke frames er zijn, dan kies je voor Frameset. Is het een 'normale' pagina, dan blijft Strict of Transitional over. De keuze daaruit is maar wat je zelf leuk vindt (maar met Transitional zit je meestal wel goed). [edit]Overigens, als je die voorbeelden van [url=http://annevankesteren.nl/archives/2004/07/fixed-positioning]Anne[/url] nabouwt, dan staat daar al een doctype bij. Zou dan gewoon moeten lukken.[/edit]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.