Shifting - I am frasturted

Discussion in 'CSS' started by cdx, Dec 17, 2008.

  1. #1
    Hi all.

    I hope this is the right forum to post that, I think it's a css issue.

    Please advice, I spent 5 hours trying to fix that.

    2 pages :

    Page 1
    Page 2

    If you have a good look, those pages are changing a bit of their position. it's happening in few of the pages inside the website. It was just an example.

    When I switch to Full-page-view (F11) - it's not happening.

    Please advice, I will be grateful.

    Thanks a lot .
    Guy
     
    cdx, Dec 17, 2008 IP
  2. ForumHog

    ForumHog Active Member

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #2
    They look fine from my computer in both google chrome and ie 7. Are you still having the same problem?
     
    ForumHog, Dec 17, 2008 IP
  3. cdx

    cdx Peon

    Messages:
    364
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes.

    It's happening for many people (not all of them). Sometimes you need to press few links in the menus and when moving from one page to another - you see it . Have a look at the black, thin, border.

    Thanks for the help.
    Guy
     
    cdx, Dec 17, 2008 IP
  4. ForumHog

    ForumHog Active Member

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #4
    I see it now. On some of your webpages you don't require a scrollbar on the right hand side of the page because you do not have enough content to fill the page, when you view a page like 'Our Team' you have more content, this causes the browser to push the webpage to the left by about 10 pixels.

    I hope this helps.
     
    ForumHog, Dec 17, 2008 IP
  5. ForumHog

    ForumHog Active Member

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    93
    #5
    Try adding the following to your css file or webpages:
    <style type="text/css">
    html {
    overflow-y:scroll;
    }

    </style>
     
    ForumHog, Dec 17, 2008 IP
  6. cdx

    cdx Peon

    Messages:
    364
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #6
    When I tried to fix it - I disables the content, delete everything. It's not helping.

    But why it has something to do with the content It should flow as usual. isn't it ?
     
    cdx, Dec 17, 2008 IP
  7. cdx

    cdx Peon

    Messages:
    364
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Did it. It's not working ;(
     
    cdx, Dec 17, 2008 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    It sure seems to be working-- what the above code did was permanently set a scrollbar on the right side, so there's never any difference between pages-- they ALL get a scrollbar.

    However, this was originally an IE-only property (overflow-y, overflow-x) which was later added to the CSS3 specs. So while many of the newest browsers support it, some like I think FF2 for instance or older Opera (9.27) might not support it.

    It's working here on FF3, and of course should work in all IE's.

    Another option you could do is maybe set a right margin on the main page container to always hold space in reserve for the scrollbar... or right padding on the body maybe. I wouldn't be sure without testing myself but something like that.

    Another option could be to look at the height of your longest (or longest possible) page and to set that as a min-height on all pages-- this would also always force a scrollbar. But it's kindof an ugly solution.
     
    Stomme poes, Dec 18, 2008 IP
  9. cdx

    cdx Peon

    Messages:
    364
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Yes. It's working.

    Thanks a lot to everyone. hope someone will find it useful later on.
     
    cdx, Dec 18, 2008 IP
  10. sweet sensation

    sweet sensation Peon

    Messages:
    158
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    err...you mean frustrated?...seems so :0
    seems fine from my firefox...

    try out your themes support forum, if it has one, it ought to help you
     
    sweet sensation, Dec 18, 2008 IP
  11. cdx

    cdx Peon

    Messages:
    364
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Thanks for the correction and the help. Before html, maybe I should improve my English ;)
     
    cdx, Dec 18, 2008 IP
  12. Crimsonc

    Crimsonc Peon

    Messages:
    616
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Your English is fine and anyone worth conversing with will understand. Glad you got your problem solved!
     
    Crimsonc, Dec 19, 2008 IP