SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Right alignment

  1. #1
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    134
    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
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,483
    Mentioned
    40 Post(s)
    Tagged
    3 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.
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    134
    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
    956
    Mentioned
    13 Post(s)
    Tagged
    1 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
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,483
    Mentioned
    40 Post(s)
    Tagged
    3 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?
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

  6. #6
    SitePoint Zealot
    Join Date
    Aug 2010
    Posts
    134
    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
    134
    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
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,483
    Mentioned
    40 Post(s)
    Tagged
    3 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.
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

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
  •