Geek asks and answers

How do you develop a resolution of 1024x768?

Hey, everyone, I hope I ask this question in the right place, and I apologize in advance if this is not the case. I am completely new to website development and I am still very knowledgeable in the learning process. My question is not specific to coding, but I want to know what are the main recommendations that I must follow in order to make the site suitable for a resolution of 1024x768? For example, working as a percentage, not pixels. I am currently working on a 15inch macbook pro with a resolution of 1440x900 for reference, if that matters. Hope this is not a completely vague question, and well in advance for any help.

+3
source share
2 answers

It very much depends on the type of website you want to make. When you are learning, the best way is to look at other sites that look and feel similar to what you are trying to achieve, and look at their CSS. Do not copy their CSS directly, but try to understand how they implement different parts of the design.

In general, since you are following the route of a fluid layout (the best way for a general IMO site), it is to provide relative values ​​for width, etc., and follow this with absolute values ​​for min / max values ​​for width, etc. For example, for your container div in your design, there might be something like the following:

div.contentbox
{
   width:80%;
   min-width:800px;
   max-width:1280px;
}

You may need to look at the floating divs to make sure they stay aligned at different sizes of the browser, you can see how to focus on the centers using margin:auto.

, , , same-ish . - , , google (- ), , .

+4

Google "960": , 960 , 1024x768.

, , "" , .

+2

More articles:


All Articles