How to solve website broken in different resolution

Problem:

I have a site with full body bg as repeat-x but content part in center position with 900px width, and I done it as my label best.  But the problem is when I load it as “Restore Down” browser window then body bg load as just window size and right side does not get any bg. Below in picture:

Full layout html
Full layout html
Layout as browser "Restore Down" mood view
Layout as browser “Restore Down” mood view
Layout problem as browser "Restore Down" mood view
Layout problem as browser “Restore Down” mood view

Solved:

I am very much wondering to solve the problem when it’s load with browser Restore Down size. I just add two css properties and able to solve the problem. And it load well as my expectation .

css is

body{
	width:100%;
	min-width:900px;
}
Full layout html
Full layout html
Layout as browser "Restore Down" mood view
Layout as browser “Restore Down” mood view
Layout problem solved as browser "Restore Down" mood view
Layout problem solved as browser “Restore Down” mood view

2 thoughts on “How to solve website broken in different resolution

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s