How do I center this code in the middle of the page?

flexbot isn’t working on internet explorer.

internet explorer it’s at the top of the screen:

You are welcome. Methodical troubleshooting for the win.

Is there a compatibility code I can put in so it works on internet explorer also?

Which version of IE?

Flexbox works fine with Edge, but IE, not so fine.

ie 11

A code like this:
<meta http-equiv='X-UA-Compatible' content='IE=8, IE=9, IE=10' />

I understand that it can be coded to work using earlier developmental versions of flexbox. I tried once for several days and was never able to make it work satisfactorily. Your flexbox code is not complicated. @SamA74 might be familiar with the IE11 compatible properties, or some other workaround styles. You will have to wait a few hours for him to look in, though. Keep in mind that workarounds usually do not match the original code behavior pixel for pixel. So you will have to be very flexible about using flexbox with IE11.

Bad idea.

that didn’t do anything.

It’s invalid. You can’t just make up code.

I was reading this:

Browser Support

"If you do all this weaving, you can get:

Chrome any
Firefox any
Safari any
Opera 12.1+
IE 10+
iOS any
Android any"

“The biggest limiting factor of course being IE, but otherwise it’s pretty good.”

I only use firefox, never ie, so I guess it doesn’t matter.

Yes, that’s the resource I was using. I did not have a successful time with it.

I do not have IE11 on my PC at this time so I cannot experiment further with you about IE11 compatible code. You’ll have to rely on Sam or someone else.

If this is only for you, then it really doesn’t matter.

When I remove this from the table:

table {
border-spacing:0; /* current standard, preferred */
}

I get:
50 padding left/ 50 padding right

When I keep the above code:

I get:
50 padding left/ 49 padding right

Have you posted an updated Deskthing?

Here: http://www.cssdesk.com/hc9n8

When you remove:

table {
border-spacing:0; /* current standard, preferred */
}

you can see the difference.

Padding right 50 becomes 49

Maybe padding works different in tables than it does in flexbot.

That is not a problem.

That is a behavior peculiar to outlines. If you replace the property “outline” with the property “border” (as we have done before), you will see that the space between the orange bar and the blue border is still 50px. Outlines are not part of the structure of a page and they can be influenced by other properties including each other. Outlines in the same plane/level will not overlay one another if they can avoid it.

If I cange outline to border, I would then need to change border spacing to 1
table {
border-spacing:1; /* current standard, preferred */
}