Right alignment

HTML & CSS
1

I have my two first pages aligning correctly on the left.

http://www.europasprak.com/elearning/exercise/1557/page/3160/subscription/

http://www.europasprak.com/elearning/exercise/1557/page/3162/subscription/

But this third one aligns them on the right.

http://www.europasprak.com/elearning/exercise/1557/page/3159/subscription/

And I wonder why.

Any idea ?

Kind Regards,

2

Hi,

The two which align correctly have this CSS property applied to them inline:

-webkit-transform: translateX(0px);

The one which is aligned on the right of the page, has this inline style:

-webkit-transform: translateX(353px);

That’s the problem.

3

Thanks Pullo,

What is strange is that my own markup does not produce any such webkit-transform property. It must come from a library.

Something even stranger… I duplicated the tab Exercise 2 into a tab Exercise 4. It is a duplicate done by the CMS.

They have the same content.

But the duplicate does not align right, contrary to its original.

4

stephaneeybert,

I believe that the inline styles are causing the additional space to the left of the horizontal menu. Specifically,

The page for tab2 shows the following inline styles:


<div class="slider" style="position: relative; cursor: default; width: 316px; overflow: hidden;[color="#ff0000"] left: 274px;[/color]">

The other two pages that align to the left do not show “left:274px”.

If the red property is deleted from the style on this page, the menu aligns to the left.

5

Hi there,

I just looked at the third tab and it seems to be fine now.
Did you get to the bottom of what was causing this?

6

Hi guys,

I haven’t yet found it but I’m narrowing it. I can order at will the pages of the exercise, using the CMS. And with 4 or 5 pages, it is always the second page that displays on the right, whatever page it is.

So, it must come from some css property the CMS outputs in there. But I could not find which one yet.

Kind Regards,

7

God ! Now, the issue is solved. What happened ?! I had just removed from the Exercise 2 page, the introduction text, and then copied it back from the Exercise 4 page. It is an exact copy of the text. In fact, this text is html markup. I wondered if it could have been the reason for this. Removing it from the page did not solve the issue though. Only copying back into the page, from an exact copy sitting on another page, and having things as they were at the start, solved the issue. I don’t know what was happening here. Sorry guys. I wish I had caught it in the act. High chaparal…

8

Sounds bizarre, but all’s well that ends well, eh?
Glad you got it sorted in the end.
Thanks for taking the time to report back.