CSS Problem

ID:181916
 
Jun 14 2009, 8:37 am


By this image you can see my problem.

The current CSS is:

/**************************************************************
 *                 Courtesy of the CSS Guild                  *
 **************************************************************/

.boxes {
  background-color: transparent;
  color: black;
}
#member_info {
  left: 10%;
  top: 100px;
}
#member_favorites {
  visibility: hidden;
}
.center, #center {
  background-color: white;
  -moz-border-radius: 0px;
  border: 1px solid black;
  left: 10%;
  right: 10%;
  margins: auto;
  width: 60%;
  padding-left: 20%;
  top: 100px;
  z-index: -1
}

.posts, .post, .comment {
  background-color: transparent; 
  color: black;
  border: 0px;
  padding: 0pt;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.box, .big_box {
  background-color: transparent;
  border: 0px;
  color: black;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}


body {
  background-color: #FF6600;
}

a {
  color: #000000;
}


Please do not use this CSS.
Jun 16 2009, 4:55 am
*Bump*
Jul 7 2009, 5:21 am
In response to Howey
Again *Bump*

An answer would be nice, even if it's letting me know you can't do it.
Jul 7 2009, 6:07 am
In response to Howey
Perhaps if you had asked a question, someone could have responded. It's not at all clear what you're trying to accomplish with your CSS or what as such is wrong with it. No one can help you without knowing your goal.

Lummox JR
Jul 7 2009, 6:10 am
In response to Lummox JR
I thought it was pretty obvious by the image. As you can see in the image, the member info side goes past the white box. I want both the center and the member info to fit in the white box. The problem is the white box only extends as far as the center boxes.
Jul 7 2009, 8:28 am
In response to Howey
Howey wrote:
I thought it was pretty obvious by the image.

A picture is only worth a thousand words if it speaks for itself. Without context as to what you're trying to achieve, it does not.

As you can see in the image, the member info side goes past the white box. I want both the center and the member info to fit in the white box. The problem is the white box only extends as far as the center boxes.

I assume the extent you're referring to is vertical and not horizontal. In that case the problem is that you've given the white background to a div that doesn't extend all the way down the page. In CSS a div only goes as far down as its content, and ability to control vertical sizing is quite limited. (W3C really didn't think that through.) The solution normally would be to apply that white background to the containing div instead, although I don't know how well that will work if the divs inside are absolutely positioned.

Lummox JR