Je kent vast de volgende code wel:


<DIV STYLE="overflow-y: scroll; overflow-x: no; height: 100%; width: 100%">inhoud</div>


Dit zorgt ervoor dat als de inhoud te groot is in de tabel er scrollbalken komen.

Dit werkt perfect in IE
maar helaas niet in FF
Testpagina

Wie weet er een oplossing zodat het ook in FF werkt?

Als je met het idee komt om met iFrames te gaan werken dan moet dit wel werken met php scripts.
In FF zou het moeten lukken met overflow: auto;

Je moet dan wel zorgen dat de inhoud van de div niet breder wordt dan nodig, anders krijg je alsnog een horizontale scrollbalk. Let hierbij vooral op borders en padding in je CSS, want die maken de div ook breder.

De meest gebruikte oplossing is een wrapper div in je content div te stoppen. Dingen als padding en borders pas je dan toe op de wrapper div, waarvan de breedte dan in toom gehouden wordt door de content div.

edit: typo
overflow-x en -y zijn weer gadgets die microsoft zelf bedacht heeft ;)

AUTO lijkt mij idd de enige oplossing die ut meest aansluit...
Het werkt nu, bedankt.

Reageren