WebSite X5Help Center

 
Tom G.
Tom G.
User

Responsive layout question/problem  en

Auteur : Tom G.
Visité 1293, Followers 2, Partagé 0  

Here is my problem.

I have three objects in the line:

With resolution over 960px they are in the page center and look like this:

After inserting line breakes for resolution below 960px

the page looks like this:

The three elements are now aligned left.

How can I get them centered for resolution below 960px?

Thanks in advance for the advice!

Tom

Posté le
1 RéPONSES - 1 CORRECT
Tom G.
Tom G.
User
Auteur

I got the answer myself! cool

In "MAP / Propertirs... / Expert" area, I put the following code between <style>... </style> for resolution less than 960px:

Without "margin: auto;" the elements are not centered. They are positioned to the left and margin area all the way to the right. The highlighted line positions object in the center of the screen and makes symetrical margin areas on the left and right sides:

#imCellStyle_7 (and _8 and _9) information can be found by analyzing information in "Inspect Source".

I hope that someone will find it useful.

Tom

Lire plus
Posté le de Tom G.