Why can't I center content in tabs?

[sonicvizParticipant]

Hi,
How do you automatically center tab content?

I have a div as the top level block holding dynamically generated content but the only thing that makes a difference is absolute positioning which doesn’t conform to web best practices re: responsive design

eg: style=\”margin-left:auto;margin-right:auto;\” does nothing

but style=\”margin-left: 20px;\” will shift left 20x.

A simple css class also has no visible effect:
.center {
margin: 0 auto;
}

How is it possible to center tab content?

ty

[ivailoParticipant]

Hi sonicviz,

Unfortunately we don’t offer such a feature, but you can use this workaround.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[sonicvizParticipant]

Hi,
Thanks for the link, but that centers tabs not the content within the tabs.

Are you seriously telling me you can’t center or locate content within tab panels?
Surely there must be a way without having to manually calculate widths and black magic.

That’s the whole point of css!

[ivailoParticipant]

Hi sonicviz,

If you want the content to be centered you use <center> or text-align: center.
Here is the demo.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[sonicvizParticipant]

Hi,
Thanks. It only works partially, however.
Some elements under the div remain in place.

I’ll have to look for another solution I guess.

ty.

[Author]

Posts