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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Screen resizing issues!

    hi there!

    I'm paying someone to develop a site for me, and there's a problem that he says he can't fix. I'm hoping someone can tell me if he's right.

    Here's the site so far:

    http://kristinbye.go-jsg.com/?cat=11

    if you resize the window, the scrolling nav bar moves below the text. No! He says the use just needs to refresh the window .. but that seems like a bad fix.

    Does anyone know why this is happening? The site was built on Wordpress.
    Thanks!

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Floated elements such as carousel-content should be given a width, otherwise they will behave unexpectedly and can cause elements to drop-down when the browser-size is reduced.

    But this alone might not get it to behave. Giving it a large width such as 1250px does keep the image-row on the same line when the browser is reduced, but then it extends too far to the right.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #3
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks for the reply! Do you think this problem is unfixable?

  • #4
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Quote Originally Posted by sroberts209 View Post
    thanks for the reply! Do you think this problem is unfixable?
    Personally, I think it is fixable. Whether it is trivial or not is a slightly different question . But I am not a professional web designer, so you shouldn't accept my response as definitive
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,678
    Thanks
    6
    Thanked 1,009 Times in 982 Posts
    For me, in Firefox, nothing moves below the text. But still, it’s not executed very well because it isn’t scalable/flexible. Someone saying “the user just needs to refresh the browser window” is amateur level. And yes, it is definitely fixable. A professional with high work ethics would find a way.

    The developer should either set a fixed width on the entire page so that no adaption is necessary (the user will just get a horizontal scrollbar if the window is narrower than the content) or they should familiarize themselves with jQuery’s resize() function and recalculate the dimensions of the area when the viewport is resized.

  • Users who have thanked VIPStephan for this post:

    AndrewGSW (08-10-2012)

  • #6
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Don't know why I hedged, when I know that I could fix it myself with a little effort.
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #7
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,997
    Thanks
    15
    Thanked 234 Times in 234 Posts
    Javascript can detect the clientWidth and Height onresize and make corrections accorindingly.

    document.body.clientHeight


  •  

    Posting Permissions

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