SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Right alignment

  1. #1
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Right alignment

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

    http://www.europasprak.com/elearning.../subscription/

    http://www.europasprak.com/elearning.../subscription/

    But this third one aligns them on the right.

    http://www.europasprak.com/elearning.../subscription/

    And I wonder why.

    Any idea ?

    Kind Regards,

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,939
    Mentioned
    215 Post(s)
    Tagged
    12 Thread(s)
    Hi,

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

    Code CSS:
    -webkit-transform: translateX(0px);

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

    Code CSS:
    -webkit-transform: translateX(353px);

    That's the problem.

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,519
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    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:
    Code:
    <div class="slider" style="position: relative; cursor: default; width: 316px; overflow: hidden; left: 274px;">
    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. #5
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,939
    Mentioned
    215 Post(s)
    Tagged
    12 Thread(s)
    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. #6
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #7
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #8
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,939
    Mentioned
    215 Post(s)
    Tagged
    12 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •