My sites look bad on wide screen monitors

11 years ago

Originally Posted by Dmreed4311

they look pretty good on my large non wide-screen monitor and even they look good on mobile phones but they look messed up on wide screen monitors....

When you say wide screen, what do you consider wide screen?
There is no way any site will look great on every screen size ever built.

Wide screens are great but statistics show they are the minority. Yes, lot's of people use them, but the majority are still on under 20 inch screens.

Your web design really makes a difference as well, some sites just would not look good if stretched to fit a 27 inch screen, and some would just look perfect.

Always build for your target audience and/or mainstream.

For example: if your target audience was professional web developers, you'll find that they tend to run larger screens then the average user......

A responsive/or not 960px max-width design has been pretty mainstream but as more and more people move up from the 15 inch screens to 17&19&20 inch I think we're seeing the average max-width move up in the ballpark of 1200px.

Personally I would not try to cater to users running big screens unless your target audience research shows that you should.

Browse big theme sites like Themeforest and check out the average max-widths and you'll see what the majority of the popular designs are doing.

Also, I just looked at your example site, and text that wide is very hard to read and overwhelming statistics show that if a user has to read text wider then a ballpark of 500px-750px they will start to wander.

Thanks

{{ DiscussionBoard.errors[7595392].message }}

SeoKungFu

11 years ago

It looks like a 1993 made IE4 rendered page scratched on notepad.
On any screen...

[ 1 ] Thanks
1 reply

Signature

Organic SEO NinJah @ http://Project-Syndicate.org

{{ DiscussionBoard.errors[7595400].message }}

Dmreed4311 11 years ago

Originally Posted by SeoKungFu

It looks like a 1993 made IE4 rendered page scratched on notepad.
On any screen...

I,m new to web design and made this site from scratch but thanks for ragging on it, I actually felt a little bad until I looked at your sites in your sig.
- Thanks
Signature

Carpet Doctor
212 east Ross Ave.
Tampa Fl 33602
813-440-8335
{{ DiscussionBoard.errors[7596703].message }}

Andrew H

11 years ago

Go to your css file: oneColLiqCtrHdr.css

Find this: .oneColLiqCtrHdr #container

Change this: width: 98%;

To this: width: 960px;

The reason it looked bad is because you were using a width percentage so it just stretched to 98% of the screen width all the time. While this isn't necessarily incorrect, with your current design it does not look good. So your best bet is to use the options above and define a static width of 960px.

And here is where I interject with my opinion. For future work go to themeforest.net and use a theme for professional looking work.

Thanks
1 reply

Signature

"You shouldn't come here and set yourself up as the resident wizard of oz."

{{ DiscussionBoard.errors[7596106].message }}

Dmreed4311

11 years ago

Originally Posted by mcflause

Go to your css file: oneColLiqCtrHdr.css

Find this: .oneColLiqCtrHdr #container

Change this: width: 98%;

To this: width: 960px;

The reason it looked bad is because you were using a width percentage so it just stretched to 98% of the screen width all the time. While this isn't necessarily incorrect, with your current design it does not look good. So your best bet is to use the options above and define a static width of 960px.

And here is where I interject with my opinion. For future work go to themeforest.net and use a theme for professional looking work.

Worked like a charm , thank. I looked at theme forest and I already bought a theme, thanks