Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    dupilcate layouts render different size

    I am sooooo annoyed with this!

    www.toolboxstrategies.com/test/brauer

    Pages: Home, Communities & The Brauer Way are perfect but pages Our Region and Contact seem to be shifting to the left!

    How can that be when my header, body and footer all have a width of 940px and auto left and right margins?

    Tried to fix this for HOURS but I can't figure out what is causing it!

    Thank you!!!!!!
    Last edited by erikm; 11-06-2009 at 12:38 AM.

  • #2
    Regular Coder
    Join Date
    Apr 2009
    Location
    Earth - sometimes sky :-)
    Posts
    121
    Thanks
    51
    Thanked 2 Times in 2 Posts
    Sorry but I can't see any problem on your site... :-(
    Can you explain a bit more what is the problem...

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello erikm,
    I see the problem here... can't figure out what's causing it though.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #4
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Ya at first I thought the main column was enlarging but it appears to be shifting slightly to the left.

    Looks like I will be pulling my hair out all day tomorrow at work!

    Thanks in advance for anyone that may have an answer

    Moderator could you please change the thread subject to: "duplicate layouts shifting left" or something like that.

  • #5
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    What's more annoying is i can't re-create the problem, tried FF IE6,7,8, all appearing the same? Windows XP 1024x768 res?

    Anyhow I notice you are using different stylesheets for each page, probably not needed as 75% of the page will use the same CSS.

  • #6
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Anyone else have any idea what I've done wrong??

  • #7
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I have just done some quick research and it appears that because the vertical scroll bar is appearing, it is shifting everything to the left for the two pages 'Our Region' & 'Contact'

    Any fixes for this?

  • #8
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I can't see the problem either...

    ...but the pages on which you report a problem with are longer than the other pages. On a large screen resolution it's possible that the Home page etc don't have scrollbars, but the longer ones do.. Hence Our region and Contact Us have scrollbars, making the pages appear to move to the left somewhat.

    From which I deduce that both you and Excavator have high res monitors, whereas scriptet and joda don't...

    EDIT:Ah you got there a couple of minutes earlier.

    Try adding:

    Code:
    html,body{height:100.1%}
    to your css.
    Last edited by SB65; 11-06-2009 at 03:17 PM.

  • Users who have thanked SB65 for this post:

    erikm (11-06-2009)

  • #9
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I do indeed run 1920 x 1200 resolution and the vertical scrollbar is what is causing my problem.

    Thanks!


  •  

    Posting Permissions

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