[html/css] Plaatje weergeven met scrollbars

[armageddon_2k1]

Ik heb een probleempje met een site waar dynamisc plaatjes van flows ingeladen worden.
Deze flows kunnen echter buiten het scherm komen en we proberen juist te voorkomen dat dat gebeurt. Dat mag gewoon niet, aangezien het een vereiste is dat er zo min mogelijk gescrolled mag worden op de site zelf. Nu zoek ik naar een oplossing om het plaatje weer te geven met eventueel scrollbars aan de zijkant, maar het mag ook weer géén iframe zijn
Nu dacht ik...dan blijft textarea over, maar het moet wel mogelijk zijn om ook nog een map toe te voegen aan het plaatje en dat is volgens mij ook erg lastig in een textarea.

Heeft er iemand tips?

[JHS]

Zet een plaatje in een division of een ander relevant element en geeft deze overflow: auto; mee .

edit:

Overigens moet er dan alsnog gescrolled worden natuurlijk, dus wat is de winst ?

[ Voor 33% gewijzigd door JHS op 19-04-2006 14:02 ]

[armageddon_2k1]

Ehm..krijg je dan scrollbars?

[Verwijderd]

Een division met overflow?

[Verwijderd]

armageddon_2k1 schreef op woensdag 19 april 2006 @ 14:02:
Ehm..krijg je dan scrollbars?

Wel als de division kleinere afmetingen heeft dan het plaatje wat daarin zit. Je moet de division dus afmetingen meegeven.

[armageddon_2k1]

Aaah crap...zo simpel! Waarom kom ik daar dan niet op?
Ik weet het ook gewoon, maar ik denk er niet aan.

Anyhow, bedankt

[JHS]

Zie http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow:

auto: The behavior of the 'auto' value is user agent-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.

[Gonadan]

armageddon_2k1 schreef op woensdag 19 april 2006 @ 14:02:
Ehm..krijg je dan scrollbars?

ja

Cascading Stylesheet:

#plaatje {
  width: 200px;
  height: 200px;
  overflow: auto;
}

HTML:

<div id="plaatje"><img src.... /></div>

Zoiets

[WvdWest]

armageddon_2k1 schreef op woensdag 19 april 2006 @ 14:02:
Ehm..krijg je dan scrollbars?

edit:
spuit11

[ Voor 14% gewijzigd door WvdWest op 19-04-2006 14:06 ]

[shnazzle]

Is het een vereiste dat de plaatjes op full-res vertoond worden? Anders kun je scrollen helemaal vermijden door de images gewoon on-the-fly te scalen doormiddel van IMG height en width... of de PHP graphical classes als je echt hardcore gaat

[RobIII]

shnazzle schreef op woensdag 19 april 2006 @ 14:05:
Is het een vereiste dat de plaatjes op full-res vertoond worden? Anders kun je scrollen helemaal vermijden door de images gewoon on-the-fly te scalen doormiddel van IMG height en width...

Dat is (IMHO) not-done. Waarom de gebruiker meer laten 'downloaden' (qua bytes) dan 'ie te zien krijgt? En tevens is het scaling-mechanisme van de meeste browsers niet om over naar huis te schrijven.

shnazzle schreef op woensdag 19 april 2006 @ 14:05:
of de PHP graphical classes als je echt hardcore gaat

Zo hardcore is dat niet, en het hoeft maar eenmalig te gebeuren (bij het uploaden) in plaats van bij iedere view.

[armageddon_2k1]

Punt is nu wel dat ik een liquid design heb (verplicht) en dat het wat lastig is om de div binnen de contentcontainer de goede maat te laten houden. Ik kan best een fixed with opgeven, maar dan ziet het er op hoge resoluties minder uit.

[Verwijderd]

armageddon_2k1 schreef op woensdag 19 april 2006 @ 14:19:
Punt is nu wel dat ik een liquid design heb (verplicht) en dat het wat lastig is om de div binnen de contentcontainer de goede maat te laten houden. Ik kan best een fixed with opgeven, maar dan ziet het er op hoge resoluties minder uit.

Waarom zou procenten een probleem zijn dan?

[armageddon_2k1]

Op één of andere manier lukt het nu in ieder geval niet
Ik heb een menu aan de linkerkant van fixed with, maar voor de rest is alles liquid. Nu krijg ik het lastig voor elkaar om die div te laten resizen eerlijk gezegd.

Komt ook omdat mambo het allemaal in een tabel dumpt etc.

[ Voor 13% gewijzigd door armageddon_2k1 op 19-04-2006 15:20 ]