TD Overflow

[nietie]

Hallo,

De achterground in de td is 505 hoog, maar als de content langer is past het er niet in. Heb gegoogled hoe ik een scrollbar in dit stukje kan krijgen maar ik kom er niet helemaal uit.

Ik begrijp dat het met een overflow eigenschap mogelijk is? Kan iemand het duidelijk uitleggen, het lijkt me namelijk simpel?

:thumb: Alvast bedankt

<td width="850" height="505" style="padding:10px;"  background="images/background1.jpg"> </td>

 

[tomdb]

Ik denk dat het zo moet, met een stukkie CSS:

<td width="850" height="505" style="overflow: scroll; padding: 10px;"  background="images/background1.jpg"> </td>

Het zou ook goed kunnen dat het niet werkt, ik ben niet zo'n html/css expert...

 

[nietie]

Bedankt, nu ben ik een stap verder

Maar er komt geen scrollbar, achtergrond herhaald zich als de content langer wordt.

 

[Goeroeboeroe]

'n Scrollbar in 'n <td> kan niet. Maar je kunt 't wel via 'n omweg voor elkaar krijgen.

<table>
<tr>
<td>
<div style="height: 505px; width=850px; padding-right: 18px; overflow: auto;">Hier komt je content</div>
</td>
</tr>
</table>

Nu verschijnt er in je div 'n scrollbar, maar voor het oog staat die gewoon in de tabel.
De padding-right is misschien niet nodig. Als er 'n scrollbar verschijnt, komt die BINNEN de breedte te staan. Dat is ongeveer 18 px. Dus als de content exact 850 px breed moet zijn, moet je die scrollbar parkeren op de padding. Als de content ook ongeveer 832 px breed mag zijn, is die padding niet nodig.

overflow: scroll zorgt dat er altijd 'n scrollbar is, of dat nou nodg is of niet.
overflow: auto betekent alleen 'n scrollbar als 't nodig is.

 

[nietie]

Bedankt goeroe, het werkt prima :thumb: