[Pro] Center inflow Items

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.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter,

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?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you look at your Div basisbar - you have the following styles attached to it

#basisbar {
width: 100%;
z-index: 0;
background-color: red;
overflow: visible;
text-align: center in to box;
}

Change the text alignment to a valid value ie

text-align: center;

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks David! I used too much text because I interpreted Walters explaination text wrong. It now works correct!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

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.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options