This is the second time I've used CSS to build a site, the first time, everything was in absolute positioning, so it was easy.
This time, I want to center the content in the equivilent of a 1px boarder table (table stays the same size, background expands, table stays in center of page)
I've got the box class, which *seems* to work ok so far- although I'm not entirly sure if I'm doing it right. But if I center it, it centers EVERYTHING, and I just want the outside holding box centered. Do I center everything, and align everything else to the left, or is their an easier way?
also, I'm confused as to what I should be using- static, relative, etc, I don't want to use absolute, as it's got to move with the page.
Before anyone says google and wcc I did, I don't understand most of the stuff I've found, I think I'm just TOO used to tables.(plus I couldn't find anything on centering)
The imagespace class, I'm trying to get some spacing between the header images, but it's not doing anything.
cheers.
----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..
This time, I want to center the content in the equivilent of a 1px boarder table (table stays the same size, background expands, table stays in center of page)
I've got the box class, which *seems* to work ok so far- although I'm not entirly sure if I'm doing it right. But if I center it, it centers EVERYTHING, and I just want the outside holding box centered. Do I center everything, and align everything else to the left, or is their an easier way?
also, I'm confused as to what I should be using- static, relative, etc, I don't want to use absolute, as it's got to move with the page.
Before anyone says google and wcc I did, I don't understand most of the stuff I've found, I think I'm just TOO used to tables.(plus I couldn't find anything on centering)
Code:
.box {
background-color: #FFFFFF;
border: 1px solid #000000;
width: 760px;
height: 100%;
position: static;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFCC00;
}
.imagespace {
position: static;
padding: 10px;
}
The imagespace class, I'm trying to get some spacing between the header images, but it's not doing anything.
cheers.
----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..