Simple CSS Problem

[JayScott]

Well, I thought this was a simple problem. Until I tried a half-dozen approaches without success. I'm designing a page that shows a list of companies, with their logo and a blurb. The logos vary in size up to 150px, so I thought the best thing to do (and my client agrees) was to reserve 150px for the logo, center the logo at actual size within that, and wrap the text to the right and underneath.

But I can't make it work. The best I have so far is to use a DIV with width: 150px; float: left; and put the IMG inside it. This does almost exactly what I want, but I can't get the IMG to the center of the DIV. I tried margin-left: auto; margin-right: auto; and even align="center", as well as few other things I can't remember now, but no luck.

Whatever I do, it has to work in FF as well as IE.

Help?

[JayScott]

Oh, I almost forgot the reason why this is so hard: it's in a table cell. (And, FWIW, the table is in an iFrame.) Since this content is generated "live" (and there is another column that I didn't mention), it seemed best to use a table. But if there's no table-based solution, I guess I could suck it up and do a non-table based solution.

Sorry 'bout that. I promise I'm better with PHP than with CSS.

[Chasx]

I had a similar problem using tables, found a better way, using layers. Layers can be absolutely positioned as well as size. The web sites that I setup and maintain are www.districtone.net , www.fhsa.org and www.smvcc.net I use slide shows, placing them at a certain location using tables or just a space on a page.