hey brook,
i'd same problem some time ago, maybe lookin onto my URL 'd be better
then explaining all the stuff
but here's some stuff which is imho for your needs necessary {and you
should probably read bout this smting, using w3schools as a
great&quick reference }:
white-space: no-wrap its necessary to avoid sorting divs below them
overflow: scroll > here u can define either x and y axis, also it's
the only feature i know u can have width larger then viewscreen,
creates scrollbar
display: inline it treats all div's like in a row
take a look, i know it's a bit code crap, but that is usual as clients
demand more and more at time of buildin the site
http://mex925.cz/sperky/nahrdelniky/F
sry 4 my ingleeeze =]
hope it helped you a bit
On Jun 1, 8:20 pm, brookisme <[email protected]> wrote:
> 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]
