Re: [css-d] Centering multiple floated blocks

> On Jan 13, 2008, at 3:44 AM, Bruno Fassino wrote: > >> I guess your intention was to feed the second >> rule to IE only. If so, you can change that with: >> >> * html .featureItem2, *+html .featureItem2 { >> display: inline-block; >> } >> On Sun, 13 Jan 2008 12:47:42 +0900, Philippe Wittenbergh r

Re: [css-d] Centering multiple floated blocks

Sorry about that! I clearly have too much going on ;) - Original Message - From: "DAVOUD TOHIDY" <[EMAIL PROTECTED]> To: "Michael ORourke" <[EMAIL PROTECTED]>; "Bruno Fassino" <[EMAIL PROTECTED]>; Sent: Sunday, January 13, 2008 4:52 AM

Re: [css-d] Centering multiple floated blocks

On Date: Sat, 12 Jan 2008 14:58:47 -0500 Michael wrote: >Browser tests would be greatly appreciated. > http://www.basalweb.com/test/dltest3.html Michael, I thought you have fixed the br tags and that your page validates but please double check your page. It does not validate. Fix all br ta

Re: [css-d] Centering multiple floated blocks

On Jan 13, 2008, at 3:44 AM, Bruno Fassino wrote: > I guess your intention was to feed the second > rule to IE only. If so, you can change that with: > > * html .featureItem2, *+html .featureItem2 { > display: inline-block; > } That would fail in IE 6, I think. That browser will see the *+

Re: [css-d] Centering multiple floated blocks

Michael ORourke wrote: > Browser tests would be greatly appreciated. > Firefox 2 and 3b2 have what looks like timing-problems - rendering depending on download speed, so the intended line-up (one line) is somewhat of a "hit and miss" with every load at

Re: [css-d] Centering multiple floated blocks

Hi Bruno, you are correct on pretty much all points, here is my thinking: > Mixture of display: table / table-cell / inline-block may work for such > cases in most browsers, but the mixture that you have got now is a bit > strange... You have: > > .featureItem2 { > display: table-cell; > } > /*\*

Re: [css-d] Centering multiple floated blocks

Michael ORourke wrote: > http://www.basalweb.com/test/dltest3.html > Ok, a few issues... The doctype was xhtml 1.0 strict and I > didn't close the tags. Fixing this exposed overflow > issues with IE so I added overflow:auto to all selectors. So > far so good. Unfortunately, the results in Opera

Re: [css-d] Centering multiple floated blocks

2, 2008 8:40 AM Subject: RE: [css-d] Centering multiple floated blocks > Close David, thanks. I found more of what I was looking for here: > http://www.brunildo.org/test/shrink-to-fit.html Michael, May I open the thread again please? Sorry about that. And do you mind if we a

Re: [css-d] Centering multiple floated blocks

> Close David, thanks. I found more of what I was looking for here: > http://www.brunildo.org/test/shrink-to-fit.html Michael, May I open the thread again please? Sorry about that. And do you mind if we ask everybody to provide feeback on this using different browsers and platforms? What you

Re: [css-d] Centering multiple floated blocks

2008 7:00 PM Subject: Re: [css-d] Centering multiple floated blocks On Fri, 11 Jan 2008 14:59:56 -0500, Michael ORourke wrote: > Hello all, > > I have a container holding 6 floated divs, each containing an image and a > few lines of > text. My first goal was to be able to center al

Re: [css-d] Centering multiple floated blocks

On Fri, 11 Jan 2008 14:59:56 -0500, Michael ORourke wrote: > Hello all, > > I have a container holding 6 floated divs, each containing an image and a few > lines of > text. My first goal was to be able to center all the floats so they take up > all the > space in the containing div which I think

Re: [css-d] Centering multiple floated blocks

Thanks for the suggestions. I think I've tried some variation of all of them without success and I fear Davoud may be correct that it isn't possible without serious hacks, conditionals or scripting. Stu Nichols appears to have accomplished it with an unordered list ( http://www.cssplay.co.uk/menus/

Re: [css-d] Centering multiple floated blocks

A combination of display:table (Mozilla, Opera) and display:inline-block (IE) can cause a wrapper around floats to shrink-to-fit and thus be made amenable to being centered. However, Safari (neither 2 nor 3) does not do the shrink wrapping and so no centering occurs. As far as I know - I'd love

Re: [css-d] Centering multiple floated blocks

> > Thanks for the responses. I apologize if I wasn't clear. I't not > > #featurecontainer that I'm trying to keep centered, it's the floated > > divs > > inside. If I remove any number of those floated divs, they will no > > longer be > > centered unless I adjust the width for .featureMerch. I'm t

Re: [css-d] Centering multiple floated blocks

> Thanks for the responses. I apologize if I wasn't clear. I't not > #featurecontainer that I'm trying to keep centered, it's the floated > divs > inside. If I remove any number of those floated divs, they will no > longer be > centered unless I adjust the width for .featureMerch. I'm trying to do

Re: [css-d] Centering multiple floated blocks

Michael ORourke wrote: > Hello all, > > I have a container holding 6 floated divs, each containing an image and a > few lines of text. My first goal was to be able to center all the floats so > they take up all the space in the containing div which I think I > accomplished. The test page is here:

Re: [css-d] Centering multiple floated blocks

You were clear Michael, no need to applogize :) . I understood what you are asking. As I mentioned if you would like to center the divs add margin:0 auto to the parent. However if you are asking for dynamically centering the divs when you remove or add the divs, which I believe this is what y

Re: [css-d] Centering multiple floated blocks

If you want the entire container holding 6 elements centered, try adding margin: auto; to #featurecontainer I know you said you didn't want to use margin, but am assuming that you meant you didn't want to have to state a specific value for the margin with each use. Hope this helps. -Derrick M

Re: [css-d] Centering multiple floated blocks

Thanks for the responses. I apologize if I wasn't clear. I't not #featurecontainer that I'm trying to keep centered, it's the floated divs inside. If I remove any number of those floated divs, they will no longer be centered unless I adjust the width for .featureMerch. I'm trying to do it without h

Re: [css-d] Centering multiple floated blocks

Michael, I guess you have forgotten to add margin:0 auto to #featurecontainer in your css. > constant. There will be anywhere from 1-6. I don't think CSS can do anything in this regard. Interested in hearing about that myself. davoud

[css-d] Centering multiple floated blocks

Hello all, I have a container holding 6 floated divs, each containing an image and a few lines of text. My first goal was to be able to center all the floats so they take up all the space in the containing div which I think I accomplished. The test page is here: http://www.basalweb.com/test/dltest