Title: Create quadrants inside container
Last modified: August 20, 2016

---

# Create quadrants inside container

 *  [cvf](https://wordpress.org/support/users/cvf/)
 * (@cvf)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/create-quadrants-inside-container/)
 * I’m trying to create four quadrants inside the container on a page. [This is what I would like it to look like.](http://dev.czg.net/dev/wp-content/uploads/2012/04/homepage.jpg)
 * I built quadrants using
 *     ```
       .tl { position: absolute; top: 0; left: 0; right: 60%; bottom: 40%;}
       .tr { position: absolute; top: 0; left: 40%; right: 0; bottom: 40%;}
       .bl { position: absolute; top: 60%; left: 0; right: 40%; bottom: 0;}
       .br { position: absolute; top: 60%; left: 60%; right: 0; bottom: 0;
             background: #C0C0C0; }
       ```
   
 * but I can’t get them to expand with the content. Anyone have an idea? I have 
   a [test page](http://dev.czg.net/dev/people/) here. Thanks.

Viewing 1 replies (of 1 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/create-quadrants-inside-container/#post-2670752)
 * I’m sorry but it is beyond the scope of these forums to deal with pure CSS issues.
   Try a dedicated CSS resource such as [http://www.css-discuss.org/](http://www.css-discuss.org/)
   instead.

Viewing 1 replies (of 1 total)

The topic ‘Create quadrants inside container’ is closed to new replies.

## Tags

 * [grid](https://wordpress.org/support/topic-tag/grid/)
 * [WeaverII](https://wordpress.org/support/topic-tag/weaverii/)

 * 1 reply
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [14 years, 1 month ago](https://wordpress.org/support/topic/create-quadrants-inside-container/#post-2670752)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics