Welcome!

[iGammaRay]

@tosman01

what are the dimensions i should use when making a centered site layout

thanks

This really depends on your site. You can have it as wide or as thin as you like. However, keep in mind your audience, and there will be some people with small monitors and resolutions. Here are some good dimensions to use:

800px wide: This is a standard, as the one of the most common resolutions for old monitors and computers is 800 x 600px. However, you may have trouble trying to fit all your content nicely into 800px of space. Few websites with a lot of content use this width.

960px wide: This is my personal favourite. It is interesting to note that 960 can be divided into 3, 12, 16, and 4 equally. This makes it extremely useful when laying out your site into columns and grids. It also makes it easy to design your site with 'balance' and 'form'. 960px also has plenty of space for laying out a whole variety of content beautifully, while still being viewable easily by those who have small monitors and resolutions.

1000px: Commonly used for forums. Not as readable as 960px in small monitors, but still good.

1100px wide: This is a width commonly used by "heavy content" websites. One example is Smashing Mag!

The above dimensions are just examples. You may choose any width that suits the purpose of your site and audience. Try to keep it atleast 800px wide, but not go over 1400px, for good reasons.

Hope that helps!

[Vitaly]

@mcsheffrey @smashingmag anyone know why float:left would stop an image ":hover" from working? thanks #css

[popbogdan]

float:left doesn't stop img:hover from working. There's probably some css conflicts in your document.

[designjd]

Hi
i have been designing this web-site: http://www.mcandtoastmaster.co.uk/index.html
and the text on the right side bar is white but prints out as grey, only in IE as far as i can understand!
any suggestions?

thanks very much
Jon Docksey

[kyochan]

Why is there a 4px gap between inline-block elements? Other than floating them, which causes more issues than solving them IMO, is there any other way to close it?

[brucearnold]

I have seen dozens of ways of creating css drop shadows on images but nothing on inner-shadows.
The Tumblr theme page has them but they are for a fixed image size; I can't find a good way to make them for a variety of image sizes.

[samuel99]

My question:

IE7 says it supports PNG24 with alpha transparency, but when changing opacity (with jQuery) on a picture that has alpha transparency all the pixels that has partitial transparency becomes totally black

Is there a workaroud?

[Hanne]

What's your favourite trick/technique in CSS? Any advice for making coding in CSS easier in day to day life?

[DanH]

According to http://www.w3schools.com/browsers/browsers_stats.asp, IE 6 represented 18.5% of all browsers currently in use.

In your opinion, at what point is it acceptable to stop going the extra mile to IE6-proof websites? It was released in 2001, only 2 years after IE 5, and I don't expect that many designers are concerned with the way their sites display on IE5.

Sure, there's the die-hard crowd that's going to crow that we must make every web page degrade gracefully forever, but deadlines are deadlines and eventually there will come a time (if it hasn't come already) that adding endless conditional comments will be an inefficient drain on our workday. Eventually, it'll be more cost-effective for designers to just forget about IE 6 altogether.

So the question is, when will that time come?

[suciuvlad]

@mcsheffrey @smashingmag anyone know why float:left would stop an image ":hover" from working? thanks #css

float applied to <img> shouldnt be stopping img:hover from working, maybe you could post the code to check the issue.

[3zzy]

I've never used/required to use some of the properties, can you please explain practical example usage of the following properties. Should be interesting to know.

accelerator
azimuth
behaviour
clip
cue
elevation
line-break
marks
orphans
page
richness
white-space
widows
word-break
zoom

(some of these maybe from CSS3)

Thanks in advance.

[ckester]

What are the best ways to improve google rank on a website?

[ben099]

Hey Chris!

The code for embedding a YOU TUBE video is not valid W3C. As soon as you make it W3C valid (for example as shown on http://blog.artesea.co.uk/2008/05/youtu ... ectly.html) the videos can not be played on the iphone. Got any idea how to solve this problem?

Thanks mate and best regards from Switzerland

ben099

[popbogdan]

Hi
i have been designing this web-site: http://www.mcandtoastmaster.co.uk/index.html
and the text on the right side bar is white but prints out as grey, only in IE as far as i can understand!
Jon Docksey

It prints fine here. Anyways, you should try to put text in there, not text embedded inside a picture.

Why is there a 4px gap between inline-block elements? Other than floating them, which causes more issues than solving them IMO, is there any other way to close it?

Do you use any resets in your styles? You should try no margins and padding what so ever to those blocks. That's what usually causes the "gap" between different elements on some browsers.

What's your favourite trick/technique in CSS? Any advice for making coding in CSS easier in day to day life?

Hmm. The trick is not to use any tricks. About 2 months after I stopped inserting hacks, conditionals etc into my css files,, my sites started working the same on more than 50 browsers. Now, I usually don't even test sites before their finished, and once their done (xhtml part, I mean), I need only minor changes to achieve the above.

Perhaps the thing I like most is a personal variation of the faux columns.

According to http://www.w3schools.com/browsers/browsers_stats.asp, IE 6 represented 18.5% of all browsers currently in use.

In your opinion, at what point is it acceptable to stop going the extra mile to IE6-proof websites? It was released in 2001, only 2 years after IE 5, and I don't expect that many designers are concerned with the way their sites display on IE5.

Eventually, it'll be more cost-effective for designers to just forget about IE 6 altogether.

This depends on how you look at your work in the first place, and then how you want others to see you. Some important elements in all the sites I develop work ok and look great even on IE 5.5 . If the quality of your work is higher, you get paid more, and can afford to work on fever projects. I prefer this against working on 5 times more projects and doing a crappy job.

And no, I think I will not ditch IE 6 in the next 2 or 3 years. There's lots of people still using it. Based on the statistics behind the sites I currently run, there's about 30% people on IE 6.

The best way to see if you should consider IE 6 is to check the stats of the site your developing. It could turn out that an IT site has less than 5% IE users.

What are the best ways to improve google rank on a website?

It is definitely not a CSS issue, as CSS handles the design part.

[jitendra.web]

how can i create one site for all devices and screen resolutions . PC, blackberry, iphone , other mobils, psp etc