What's a good width for a blog or website?

I don’t think websites go smaller than 800 pixels anymore, though I’m guessing 1024 might be the norm right now.

It helps to think of website design in terms of layers. The background is behind everything. The content is on top. The content is split into different parts: the header, footer, main body, right and left columns, etc. Each piece is designed separately, but should have a uniform look to tie the whole site together.

Fluther is 960px wide. That is the width of the DIV “Container”.

The background is just a image that will fill up any extra space. The best practice is to assign the background image in the CSS and center the DIV that holds the content.

CSS is the language you make a Website or Blog’s interface in, Width and hight are 1007 and 1594, that is on a Monitor with Normal res.

I got this (W and H) by using Google Chromes Developer tools.

I recomend a friendly, hey use a prehosted site.. like Freewebs is one if your new for it and 110mb is a good one too.

CSS is not the only language you want to code with when making a website, HTML basics, but Html used CSS as the page ‘Map’

@Resistka I have no idea where exactly you got the numbers 1007 and 1594, those make no sense whatsoever as far as I’m concerned. Designing a website means putting together the entire… website. The way it looks, the way it behaves, etc. You’d need to know HTML and CSS for sure. HTML is the structure of the page, CSS is the graphical information.

A good width is 1024px as @drdoombot said, but there’s no set standard… lots of designs are fluid and adjust when you resize the window.

Here is what Fluther looks like on a screen 2880 pixels wide. Notice that the main content remains 960 pixels wide.

^ so the content was made, then the background was just repeated?

@BlockStar22 :: Exactly. It is what would be referred to as a fixed-width page. If the content kept getting getting wider it would be referred to as a fluid layout.

@gggritso I know, Im a web developer… Google chrome has a plug in called Dev. tools, that told me the width and Hight, I’ll check again

width: 960px;
You dont need high… a scrollbar :P

Google chrome was preferring to a different site, my bad

source of Fluthers CSS

okay and what about height?

You dont set a hight, because if the page has a High 100% it will move down the CSS

The only thing you need to worry about in W & H is W

Im bad at explaining I know, It might be cheating but use someone else’s CSS, to learn from Dont use their work tho, just to show you an idea of things. Not Fluthers though, this is probably to big for a newbie starter.

i been searching about CSS and designing alot lately,i’m trying to learm to start making my own blog themes and websites

learn*

Oh, Mmk, I don’t know if you will but get a Blogger account, which you can make your own blog for free, or you can create an account, then get the Source code (Html) and CSS, because then it will be the same blog you chose but yours, and all you really need to do is change Img src’s, and a couple minor things.

It’s not cheating, Its just learning.. it’s how I learned. :)
And I create websites alot..for fun, school Projects, and For Game projects

not blogger, but tumblr, and yeah! i kinda figured out if i use someone alse’s theme. and change it around. i’ll learn it better.

HTML tags are for denoting content, and CSS is for denoting style. In the old days when I first started making websites, people would often use HTML for both, and this was a messy “hack” for making layouts.

Now with CSS you can keep content and style separate. Check out the CSS Zen Garden for examples of this.