Question regarding absolute positioning and stretching to fit
I layed out this site using absolute positioning for every image, and attempted to stretch the images on the end ot the edge of the browser window. The images stretch 2x past the edge of the browser and I am curious as to why?
Do I need to create at least 2 "panes" for these images to reside in?
I don't know if this will help but I made two images one is the navigation tabs and the other I call the filler. Now the navigation image is set to the left at 0,0 px with a width of 50%, The filler is set to x:50%; and width:50% so that adds up to 100% thus it cover the entire screen and NO scroll bar at the bottom. So I juess any combination of % would work as long as they =100% and don't overlap. Here is my css for reference... The only thing I have yet to figure out is how to get the images to resize when the browser window resizes???
See it in action Here
Originally posted by copongcopong have you tried to make your image to be a backgroung of a DIV then set it to repeat-x or y instead of puting it as an <IMG>? if your image has a pattern this would be your best option.