Well, the inline block method is a success on my website and I must say it really works great together with the border-box css which I added instead of the box-Sizing action.
I also added vertical-align: top to my divs. Now it looks as I wanted it to look.
I need your advice if it suits you. I have the same problem as Billy Kimmel had and followed your recipe step by step. But all I get is not the result I want. I saw it succeeds on Billy’s site. I have multiple HTML-items drawn inline on a relative HTML box with flexible
height. But the (floating left) items are not centered but stay left aligned. I’ve tried many options for hours now, but can’t find the right one.
I saw also your example at http://freewaytalk.net/thread/view/8446#latest but couldn’t find the solution there too, neither in the source code. Do I have to add ‘max width’ perhaps in the ‘div style tab’ as Billy mentioned? If yes, how much?
You can see my trial at http://www.alphacreations.nl/freeway
Thanx in advance
Andries
On 4 Aug 2014, 9:00 pm, waltd wrote:
Yes, it’s a great solution to this problem.
Walter
On Aug 4, 2014, at 6:14 AM, Wimdg wrote:
Is the ‘inline block’ method Walter described, the cure for a three column row that moves under each other, when resizing a window?
because I interpreted Walters explaination text wrong
What you have to remember is that any ‘value’ that is used is always going to be a number (usually followed by a unit designation ie px) or a single word value like: left, right, none
The only way you would get values seperated by spaces (centre in to box) would be when you are actually defining several values at once. An example of that would be border-bottom: 1px solid red
So that should make it easier for you to find errors in the future.