Topic: Fluid Thumbnails

I'm using the technique found on ALA. To make the thumbnail links here. The technique works as billed, but I need it to wrap from the edge of the center div not the edge of the window. It seems to work fine in NS and Opera.

Krets had much the same issue a while back, but he seems to have opted to go with tables in the end.


It's pronounced "Spikes!"

[This message has been edited by SPyX (edited 01-22-2004).]

Yep, exactly the same problem. I could never figure it out. I even contacted the author of that article and no luck there either.

:::11oh1:::

I would try floating the right div and placing the right div's html code Before the div code for the div to the immediate left..I didn't read the css as it is link relative...In other words.. reverse the order of the divs in the html...That sometimes fixes that little quirk in IE and Mozilla when a page doesn't degrade properly or wont align "top" on the left and right..Takes a moment c/p..try it

I assume everyone knows that a "float right" must be written in the html section Before the div to the immediate left..it is hopscotch and is rendered correctly by IE and Mozilla..Also..try "clear" if the "float right" doesn't fix it.(You probably already thought of that.) A "Float Left" will often overrun an absolute or incorrectly positioned "float right"..Hope this helps..

[This message has been edited by skyetyger (edited 01-22-2004).]

[This message has been edited by skyetyger (edited 01-22-2004).]

I put some of your code in one of my templates..it should work..I couldn't upload your images and you are going to have
to fiddle with the margins..BE WARNED..everything on this file IS floating..If you need more help..let me know and I can
tell you exactly what to change..It should work..
http://www.skyetyger.com/listX.html

I am using that also on my site, and it seems to work fine. The only browser that really gave me any trouble was ie5/55. They were doing what you describe, so I just wrapped another div around them. Take a look. If you find anything helpful, go ahead and snag it.



[This message has been edited by Ramasax (edited 01-23-2004).]

Beautiful site Ramasax..and your solution of an outer div is possibly the best one..nested divs work..

Thanks guys! Just nested it in a little width: 100%; div and that fixed it right up.