Forum Moderators: not2easy

Message Too Old, No Replies

images not reflowing in Opera and IE

using tables with css applied-help!

         

crazy_lady

3:49 pm on Oct 25, 2004 (gmt 0)

10+ Year Member



Trying to format an auto sized td tag to place several thumbnail images in so when the viewer resizes, the images reflow within that flexible td area.

I have managed to create something that looks OK in everything but IE(PC) and Opera. In these two broswers my images display along one line. Any ideas or alchohol anyone as I think my brain is about to fuse.

DrDoc

5:01 pm on Oct 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld! [WebmasterWorld.com]

Well, maybe I'm just dense... but I don't understand the problem. By default, if you have sever image tags after one another, without break tags or anything, they automatically wrap to the next line, and reflow when the table is resized.

crazy_lady

5:37 pm on Oct 25, 2004 (gmt 0)

10+ Year Member



Sorry for any confusion.

I have a table within a resizing table cell. The containing table cell resizes to 95% of the viewable area. The table inside it has 1 row and 2 columns and the table is set to 100%. The first column has a static size setting and the other column set to auto with no postioning specs. When I fill this table cell with images I want to be able to have it resize ( using it's parent container settings of 95%) so the images reflow onto new lines (for want of a better word). It seems to be working except in Opera and IE where the images display as one long line of content (no breaks) - not listening to it's parent's explicit instructions of 95% (brats!) and instead creating a very wide scrolling page.

Maybe I should just start all over again with no tables just divs (scary!) -thanks for listening.

DrDoc

6:34 pm on Oct 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Are there spaces between the images?
Got a brief code sample we could see?

crazy_lady

7:01 pm on Oct 25, 2004 (gmt 0)

10+ Year Member



No spaces - should there be?

If you promise to remain my friend you can go to <snip> to view my mess - get the tissues ready because my code is all over the place ( 2 style sheets with repeating styles...) but if it helps you're very welcome to visit it - thanks big time!

[edited by: SuzyUK at 6:26 am (utc) on Oct. 26, 2004]
[edit reason] sorry no URLs : see TOS #13 [webmasterworld.com] [/edit]

crazy_lady

7:11 pm on Oct 25, 2004 (gmt 0)

10+ Year Member



SPACES!
BLOOMIN' SPACES!
I went back and put spaces between the images and it works!
YEHAH!
Thanks DrDoc - I feel like baking you some cookies!

DrDoc

11:41 pm on Oct 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I guess this is a fine line of interpretation...

IE and Opera consider <img><img><img><img><img> no different from <span>h</span><span>e</span><span>l</span><span>l</span><span>o</span> or

hello
-- a line of inline elements separated by, well, nothing... together forming an anonymous inline block.