Need some css (table help)

[timgerr]

Hey all long time no see. I have been tasked to do some web stuff and I am brushing off my web coding hat. I am trying CSS for the first time and liking what I see. I come from a land where test output is acceptiable for me and my scripts do not have any color.

I have created a generic css file for a CMS that I am building. I have a top, right, body, left table writen in css. I want to create a tale to share with the top that would hold userinformation. So I would like a top left, top right, middle right, body, middle left.

------------------------------------------
|                           |            |
|                           |   HERE     |                                         
|                           |            | 
|-----------------------------------------
|       |                       |        |
|       |                       |        |
|       |                       |        |   
|       |                       |        |
|       |                       |        |
|       |                       |        |
|       |                       |        | 
------------------------------------------

I dont have the here part and/or dont know how to do that,
here is my code:

Body {
background-color:#9999FF
}
	
	
#top {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 220px;
padding: 10px;
background: #ccc;
height: 100px;
}
}
#left {
position: absolute;
left: 10px;
top: 160px;
width: 200px;
}
#center {
background: #ccc;
margin-top: 0;
margin-left: 220px;
margin-right: 220px;
}
#right {
position: absolute;
right: 10px;
top: 160px;
width: 200px;
}

How can I have a top right?? And if you see anything that I should work on, let me know.

Thanks
-T

-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!

 

[Rieekan]

Personally, I'm not a big fan of absolute positioning, but here's an option using floats:

body {
background-color: #9999FF;
}

#container {
width:760px;
}

#headerLeft {
float:left;
width:75%;
}

#headerRight {
float:left;
width:25%;
}

#mainContent {
clear:both;
width:100%;
}

#leftRail {
float:left;
width:25%;
}

#content {
float:left;
width:50%;
}

#rightRail {
float:left;
width:25%;
}

- George

 

[timgerr]

Thanks for the reply, what is
[/code]
#leftRail {
float:left;
width:25%;
}

#content {
float:left;
width:50%;
}
[/code]

Thanks again

-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!

 

[Rieekan]

Sorry about that. Just cut and pasted from an existing style sheet I use.

leftRail is the #left in your style sheet; rightRail, the #right; content, the #center.

 

[timgerr]

Thanks

-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!