Stomme_poes:
TehYoyo: only reason I used inline-block instead of floating, really, was because I wanted my blocks to be centered. With inline-block, the parent of the divs can haz text-align: center and they’ll magically center. To do this with floats, you’ll have to have a parent wrap the floats and be about as wide as the floats are and margin: 0 auto’d to center. This is totally fine if your page is fixed width, but mine was a responsive design and had to keep things centered even if the floats/blocks had to drop down underneath each other. With a fixed-width centered container holding floats, you’ll necessarily get a scrollbar.
Ah. I see. Thanks for that help.
Edit: I ended up using floats.
Stomme_poes:
@Dreseden : I tried inline-stack too on my setup (scooterverzekeren.com ) and there was no good response. I had tried ALL the -moz display properties I could find over at Mozilla before finally deciding that FF2/K-Meleon users were just going to have to suck it up and read text aligned totally to the left of the page
On my portfolio, I set some divs to inline-block (and -moz-inline-block) which was okay until I needed to abso-po an h2 inside. Because -moz-inline-block (unlike -moz-inline-box!) cannot keep track of inline-blocks as positioned ancestors, the h2 was totally in retardation space. I unhappily decided to hack that with
/*The following attempts to make FF2/K-Meleon readable. If it breaks later Firefoxes then remove*/
/*FF2 display: inline-block like display: inline can't support abso-po'd children*/
h2, x:-moz-any-link {
position: static;
}
/*FF3+ can*/
h2, x:-moz-any-link, x:default {
position: absolute;
}
So, FF2 can haz inline-block divs but the h2 remains static, while FF3+ gets a positionined h2. Meh. These same hacks were on the same mozilla page as the inline-stack etc stuff. All testing was done in K-Meleon in case there were differences among the FF2 engine.
TehYoyo: only reason I used inline-block instead of floating, really, was because I wanted my blocks to be centered. With inline-block, the parent of the divs can haz text-align: center and they’ll magically center. To do this with floats, you’ll have to have a parent wrap the floats and be about as wide as the floats are and margin: 0 auto’d to center. This is totally fine if your page is fixed width, but mine was a responsive design and had to keep things centered even if the floats/blocks had to drop down underneath each other. With a fixed-width centered container holding floats, you’ll necessarily get a scrollbar.
You don’t have to have your floats center via that method. There is another way, if you refer back to the CSS quiz we had on here…:).
Paul o’B also has a “float centering” setup on his site somewhere… making it work responsively meant an immediate no for me.
Plus, I have indeed decided to move on from supporting K-Meleon by default now. I still check that stuff is readable in that browser, but I no longer work to make it pretty.