View Full Version : Screen resizing issues!

08-10-2012, 02:23 AM
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:


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.

08-10-2012, 02:56 AM
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.

08-10-2012, 03:12 AM
thanks for the reply! Do you think this problem is unfixable?

08-10-2012, 07:42 PM
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 :confused:. But I am not a professional web designer, so you shouldn't accept my response as definitive :)

08-10-2012, 07:54 PM
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.

08-10-2012, 08:14 PM
Don't know why I hedged, when I know that I could fix it myself with a little effort.

08-10-2012, 09:12 PM
Javascript can detect the clientWidth and Height onresize and make corrections accorindingly.