Need help fixing a possible background problem in a windowed browser

Hello!

I was wondering if anyone could help me fix a problem I am having with my website.



As you can see if you are in a windowed browser and move left, something goes wrong.

Where is my best place to start looking to fix?

Thanks!

 

Please, any ideas?

 

Describe better whats wrong, from this screencam I cannot get it,what about URL to see it in browser?

 

When the browser is not maximized, and your in a smaller window, and then you move left, the background just kinda ends and you can see the menu keep going.

Studyorfail.com is my site that it is happening at.

 

I ment when you move right.

 

Please. Anything would help me at this point.

 

Now that is a problem!

 

I think, you have problem with width = 100% in CSS for header and mid ... this is calculated from browser resolution. So correct, but then content will overflow, to more than 100 percent but rest separate parts are on 100 percent of browser window only.

My advice is, create one higher level DIV contains Header, Mid and Content inside. Then 100 percent for header and mid will be calculated from parent DIV and not from browser resulotion. Overflow of content will affect parent div and this will bubble to header and mid too.

 

I'm new. Is that spam or something?

 

Thanks for the response! Unfortunately it did not work.

Again, thanks.

 

Anyone else?

 

its the width 100% thats wrong...it tells the browser to size it to the window size therefore its smaller with a smaller window...you need to define the size in #menu, #mid, #header or you could create a new div commonly called #wrapper to wrap the main content of the page add a definite size to it ie 1264px....

or you could also do a min-width:1264px;

 

Ok wow, this worked out pretty perfectly. The only small issue I have now is there is a left to right scroll bar even on maximized browser windows, but it is much better than my last issue.

Any ideas on that?

Thank you so much!

 

Thank you for this response, I did not see it before, or was not able to for some reason.

 

its b/c your size is a lil too wide ... make it 1256px or smaller

 

Change the width, for example if you need to display your design on resolution (1024), you should make the width (1004), that's mean decrease (20px).

 

Hi BC23,

you should really design to a maximum width of 960px; this fits into the most common browser sizes and above.

Your site is fairly large at the moment, a lot of users will have to use the horizontal scroll, which will probably make them want to leave! It'd be easy enough to resize your site slightly - I'd definitely consider doing so!

 

Ok, thank you for your input. How should I go about doing this? If you want to see my CSS code, I will upload it.