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]
