hey nikki, thanks. its actually the "wrap them unto the next row as needed automatically." that i am trying to avoid. if the window isnt wide enough i want it to stay at the top and just get cut off.
i kinda got it to work using display:table / table-row / table- cell but i am worried about crossbrowser problems. i feel like i am going to have to absolutely position it i was just hoping to have the x-axis be automatic and the y-axis be fixed. let me know if you have any other ideas. thanks again.brook On Jun 1, 10:56 am, Nikki Goelz <[email protected]> wrote: > You could try this a number of ways. For quick fluid pieces I generally use > float:left on all the divs I want to fall to one side of the window. > > Say you have 3 divs, set them all to float:left and they will slide up and > sit next to each other nicely, one after the other. Also when you resize > the browser window it will line them up and wrap them unto the next row as > needed automatically. > > Adding position:relative will help with the position:absolute being used for > the images within the .box. > > .box {float:left; position:relative;} > > <div class="box"><img src="abc.gif"><img src="def.gif"></div> <!--box01--> > <div class="box"><img src="ghi.gif"><img src="jlk.gif"></div> <!--box02--> > ... > > Hope that helps! Let me know if you have questions or would like a more > complete snippet. > > On Fri, May 28, 2010 at 1:56 PM, brookisme <[email protected]> wrote: > > hello all - > > > i am having positioning problems. > > > i want to create a row of divs (containing various images which must > > be absolutely positioned within that div). > > > since its a row, by definition, i want "top" to be at some constant > > value, absolutely positioned to (say) top:0px, and i want the left > > property set so it automatically just sits next to the div to its > > left. > > > i tried > > > position: absolute; > > top:0px; > > > and > > > position: absolute; > > top:0px; > > left:auto; > > > but neither worked. > > > another possible complication is that the "row of divs" is gong to be > > much wider than the browser window (i´ll be using javascript to move > > it around). > > > any thoughts? > > > -- > > -- > > You received this because you are subscribed to the "Design the Web with > > CSS" at Google groups. > > To post: [email protected] > > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
