• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 202
  • Last Modified:

problem with css in different size

i have this attachment site
my display size is 1440*900 when i try to open my site in different display screen i face error in css how could i make it standard for different size
0
YUYU
Asked:
YUYU
1 Solution
 
HainKurtSr. System AnalystCommented:
without any code/css/html/link, we cannot help...
0
 
YUYUAuthor Commented:
sorry for that
here is the file
test1.zip
0
 
LZ1Commented:
What kind of error are you getting exactly?  What are you wanting vs. what are you getting?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
HainKurtSr. System AnalystCommented:
i opened it with 2 different monitors Chrome & IE
no issues...
0
 
YUYUAuthor Commented:
The problem appears in the screen 1024 * 768
0
 
HainKurtSr. System AnalystCommented:
I dont see anything on that resolution... what error do you get?
0
 
Jen0910Commented:
>>The problem appears in the screen 1024 * 768

That's exactly your problem. If you have CSS set to 1440x900 like you mention above, with anything fixed or absolute, it is not going to display/fit on a smaller monitor, so browsers could throw errors instead of scrollbars. Good rule of thumb is still to keep your projects no wider than 1000px. There are ways to work around this using media inquiries, floats, etc. but it can get tricky and tedious.

It would be helpful for us to troubleshoot if you could explain exactly what errors or problems you are seeing, or provide us a screen shot of what you are seeing.
0
 
scwalkerCommented:
Hey YUYU

I can see where you're going with your website but you'd made a couple of mistakes along the way!

I assume your problem is when viewing your site on a smaller screen, your site is over to the right.

I've included a revised version of your index.html and style.css, as they are the only files I've changed.

I've included a lot of comments and a fair few changes, I hope it helps!

I agree with Jen0910 and should either stick to a fluid web layout or keep your site under 1000px
I use 990px or 900px as they allow for chrome and scrollbars on a 1024 screen and are can be divided up easily for grid based sites

 
Good Luck matey
index.html
style.css
0
 
YUYUAuthor Commented:
great sol.
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now