Significance of > in css

I was looking through some code and it had the following:

//css code

I tried taking the > out and it ruined the layout of the page. What does > do? Thanks!

Vertically-scrolling foreground image over fixed background image

I don't know where to find my Doctype, so if you need this, could you please tell me where to find it?

I have a simple problem. Simple for you guys, not for me. I am using Wordpress 3.0.1. I have heavily edited the CSS of a theme that I found online for use with my site.

My site has a background image behind the content that is fixed and non-repeating (I'll call this the "Foreground".)
Behind it is another background outside of the content box, with a another fixed, non-repeating background.
The site content scrolls up and down.

Problem with z-index and display

I'm building a site here and on the home page I have two tabs off to the right side that use javascript to switch the display property of two divs. This system all works fine and dandy in everything but IE of course... IE doesn't seem to recognize the z-index that each of the items is on and the main picture and text get shifted down when you click on one of the tabs. Can anyone help me resolve this problem?

Here's my CSS:

Center Text In Image for Menu Button

I am trying to center my text in an image for a menu button and I can't seem to get it to work. I have the text centered left to right but not up and down. What would be the code to do this?


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #333;
	background-repeat: repeat;
	font-size: 100%;
	color: #FFF;
	letter-spacing: 0.2em;
	vertical-align: center;
#wrapper {
	background-color: #603;
	height: 629px;
	width: 1024px;
	vertical-align: center;
	horizontal-align: center;		

2 Content Columns: Float variable-width content column next to fixed width content column

I am a CSS noob. Sorry if this is redundant of other answers--I did try to search the forum and the web before posting.

I'd like to do this without javascript if possible:

I am trying to create a layout that has two content columns. The left content column can be fixed width, but I would like the right column to behave differently, depending on screen resolution:
(1) At lower screen resolutions (eg 800x600), the right content column will drop below the left content column.
(2) At higher screen resolutions, the right content column will float to the right of the left content column.

Syndicate content