image in frame, max size,

[ThomasJSmart]

iv got a little thing im working on here and would much apreciate some help.


1. i have a framesetting with a few outer frames and a main content frame.

2. this content frame is * wide and * high, so it resizes with the browser when it is resized.

3. now what i would like very much is an image on the right side of the page in this frame

4. this image needs to fill the full viewable height, it cant be bigger than viewable area, so when the browser is resized the image needs to resize.

5. this image needs to always fill the viewable page, so it needs to stay in the same place when the user scrolls the page.


iv got something similer working but its not entirely what i need, it makes itself the size of the page for one, so if the rest of the page is very long and out of sight needing a scrollbar to see it, the image will make itself the same size as that, meaning i can only see part of it at 1 time...

any help much apreciated
thanks!


I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

how about:
<img width="100%">

Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

well that fills up all the page in the width but i have content next to it so that wont work, also mac systems seem to be giving me a problem with mages with a % value for width/height

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

>>this image needs to fill the full viewable height

what does that mean???
can i have a look at the page?

Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

the page is

http://www.virtualprinter.nl/new/

each of the products (postcards, flyers, stickers, etc) have such an image on the right hand side with the name of that page.

thanks



I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

some more clarifications:
>>now what i would like very much is an image on the right side of the page in this frame

the images are alerady on the right hand side in a frame.


>>this image needs to fill the full viewable height, it cant be bigger than viewable area, so when the browser is resized the image needs to resize.

r u referring to the scroll that is happening to the right hand side? why would u want to fill in the image???



Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

yes the image is already there but it needs to always be the same size as the viewable (not scrollable) frame

if you go to postcards...
on my resolution (1280x1024) what i see on the right hand side is "ostcards" to see the "p" i need to scroll down.

i want to be able to see "postcards" from the start

when i scroll now, the "postcards" image moves, i want this not to move when i scroll.

when i resize the browser (or if i use a higher/lower resolution) i want the postcards always to look the same, filling the entire available height. so that people using a 1024x768 res can read "postcards" filling the space from top to bottom without having to scroll, and ppl using a 1600x1200 res can see the same. and when the scroll down to read the content it should still say "postcards" on the right, and not for example "stcards" )

thanks

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

well my screen is 1024 x 768 (i dont have a higher res), in my res except for the vertical scroll i dont see any problem in the page...

Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

try resizing your browser window, what does the "postcards" image on the right do? and can you read the entire "postcards" image without scrolling?

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

if u r referrign to:

5000 x A6 flyers
120,- euro



625 x A6 postcards
90,- euro



1250 x A4 folders
249,- euro



500 x A2 posters
374,- euro

yes i am able to view all the names fully...


Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

nop wrong page (see above)
go to the site
click "postcards" in the main menu
then im talking about the image on the right, the gray "postcards" image.


I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

oh,

did u try
<img height="100%"> ???
note: it might lead to pixellation...

Known is handfull, Unknown is worldfull

 

[SaltyDuke]

Hello

I am having the same problem as K9logic. I'm trying to get my website to look good at any resolution but when i put in
<img width="100%"> the image just disappears from my site! But i'd really like the image to be resized dynamically in some way like this. Are there any other solutions?

thanx a mil

 

[BillyRayPreachersSon]

I think you'll need to use JavaScript to find a solution to this one.

Hope this helps,
Dan

 

[ThomasJSmart]

100% height makes the image the full height of the page, so if the content of the page is larger that the frame and needs scrolling then the image will also need scrolling to view completely, this is what i want to avoid.

maybe some kind of solution with a DIV layer that uses the height of the frame and is always positioned to the right floating above the page and thus always in the same spot on scroll?

or maybe using css to put the image in the background, fixed on the right. but is it possible to give a background image a 100 % height ?

anybody?

thanks

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[vbkris]

yup, its javascript that u have to use, maybe u could get the screen height and resize ur image accordingly...

Known is handfull, Unknown is worldfull

 

[ThomasJSmart]

is it possible to resize the image if the user resizes the browser window?

onResize = resizeimage(); ?




I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!