Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

problem with css in different size

Posted on 2011-09-16
9
Medium Priority
?
198 Views
Last Modified: 2012-08-13
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
Comment
Question by:YUYU
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
9 Comments
 
LVL 60

Expert Comment

by:HainKurt
ID: 36550758
without any code/css/html/link, we cannot help...
0
 

Author Comment

by:YUYU
ID: 36550874
sorry for that
here is the file
test1.zip
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36550922
What kind of error are you getting exactly?  What are you wanting vs. what are you getting?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 60

Expert Comment

by:HainKurt
ID: 36551681
i opened it with 2 different monitors Chrome & IE
no issues...
0
 

Author Comment

by:YUYU
ID: 36551720
The problem appears in the screen 1024 * 768
0
 
LVL 60

Expert Comment

by:HainKurt
ID: 36551801
I dont see anything on that resolution... what error do you get?
0
 
LVL 8

Expert Comment

by:Jen0910
ID: 36551865
>>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
 
LVL 1

Accepted Solution

by:
scwalker earned 2000 total points
ID: 36561634
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
 

Author Closing Comment

by:YUYU
ID: 36583132
great sol.
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

597 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question