Let’s gather our knowledge

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

About these ads

Comments on: "How to solve website broken in different resolution" (1)

  1. Thnx mate. Its a very useful article. I faced same problem couple of days ago.

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

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: