[HTML] Zijkant 100% - Werkt niet

[Arjan90]

Hallo,

Ik ben bezig met een website in HTML om te zetten, maar ik stuit nu op een probleem. Als eerste een screenshot ter illustratie (dan lijkt mij duidelijk wat er dus mis is).


Jullie zien waarschijnlijk net zo als mij de grijze vlakte (#111111) vlak onderaan de pagina, deze wil op 1 of andere manier zichzelf niet aanpassen aan de rest van de pagina, de HTML van dit stuk is:

HTML:

    <!--Expandable side-->
    <tr height="100%">
        <td background="images/index_14.gif">
            </td>
        <td background="images/index_15.gif">
            </td>
        <td>
            <img src="images/spacer.gif" width="1" height="3" alt="" /></td>
    </tr>
    <!--Expandable side-->

Als ik eerlijk moet zijn heb ik dit probleem al eens eerder meegemaakt, ik weet echter niet meer hoe ik het toen heb opgelost. Ik ben er nu al een ruim kwartier mee bezig en snap niet hoe ik het op moet lossen, iemand anders een idee?

[TafkaT]

Heb wel een idee, gebruik css voor de opmaak en je hoeft geen vreemd tabellengedrag te forceren/bestrijden.
En ik heb geen idee wat je eigenlijk bedoelt, ik heb het contrast van mijn monitor al ver opgevoerd, maar ik zie het nog niet.
Misschien dat een linkje naar de site de mogelijkheid geeft om het echt te bekijken en in te schatten?

[Arjan90]

1. Waarom zou ik enkel de achtergronden in CSS zetten, of bedoel je de opmaak in CSS icm Divs?


2. Ik heb het in dit plaatje omcirkeld, bovendien zul je in het andere plaatje ook zien dat de art rechtsbovenaan verschoven is, dit komt dus omdat dat gedeelte zich niet aanpast.

3. Ik kan geen voorbeeld online zetten, aangezien ik het op een lokale testserver draai, ik zie misschien wel mogelijkheid om dit vanavond/morgen te doen, maar dit lijkt me niet nodig omdat ik de code van de HTML (waar het omgaat) en het plaatje (het probleem) erbij vermeld, meer kun je in principe niet zien op de site zelf (dit is immers een screenshot)

[Verwijderd]

Zonder de rest van de HTML + css + eventuele voorbeeld site kunnen wij (ik ) hier echt helemaal niets mee. En het na een kwartier al opgeven is natuurlijk niet echt stoer

[edit]
TafkaT: Lol, helemaal nog niet gezien Je ziet die height in een TR wel vaker langskomen. Zal wel ergens in een voorbeeld of slechte handleiding worden aangegeven.

[ Voor 67% gewijzigd door Verwijderd op 18-09-2006 13:15 ]

[TafkaT]

Ik kan er helaas geen kaas van maken
Ik heb sowieso geen idee wat het stuk code nu betreft, waarom dit twee plaatjes bevat en een spacer, en wat nu de bedoeling is. Volgens mij is er niets mis in je cirkel, of gaat het soms mis als de pagina langer wordt?
En daar bovenop, je gebruikt een height=100% voor een tr.
Lees dit even, misschien kun je het dan zelf oplossen: http://www.apptools.com/examples/tableheight.php

[Arjan90]

Je kunt naar mijn weten altijd de TR een hoogte meegeven, dit heeft bij mij altijd gewerkt, als ik de TD een hoogte van 100% meegeef, dan werkt het nog niet...

Anyhow, het voorbeeld voor jullie:
http://dicreati.com/TEMP/Combinatie/ (ik heb de hoogte van de table even op 100% gezet, zodat jullie kunnen zien wat er gebeurd Normaal gesproken zou hij zich gewoon aan de content aan moeten passen)

Ik ga nu dat stuk doorlezen van die table.

EDIT: Dat stukje van die table helpt mij niet.

PS: Over dat kwartiertje... Een kwartier met 1 (stomme ) tag vind ik best wat! Ik ga nu weer flink klooien


EDIT2 (Sorry!): Ik heb misschien al een manier om het op te lossen, dit is misschien niet hoe het hoort maar zolang het werkt ben ik blij

FINAL: Het werkt! Op een andere manier maar het doet wat ik wil!

[ Voor 51% gewijzigd door Arjan90 op 18-09-2006 17:16 ]

[Verwijderd]

Het ziet er iig goed uit.

Maar "height" is volgens de officiële HTML specs geen onderdeel van het element TR. Het is dus geen goed idee om het te gebruiken ondanks dat het misschien zou werken in sommige browsers.

De volgende attributes mogen wel: http://www.w3.org/TR/html401/struct/tables.html#edef-TR