Title: Some CSS help for a theme..
Last modified: August 19, 2016

---

# Some CSS help for a theme..

 *  [caniwrite](https://wordpress.org/support/users/caniwrite/)
 * (@caniwrite)
 * [17 years, 9 months ago](https://wordpress.org/support/topic/some-css-help-for-a-theme/)
 * Hi all,
    I do not know if I should be posting it here or at WordPress.com – I
   have a blog at wordpress.com, but I am working at trying to make a theme for 
   myself with a local wordpress( and XAMPP) installation. I am just a newbie at
   this.
 * But, nonetheless…I have run into a problem with the layout i was working at –
   my sidebar goes below the post section, and nothing I do pulls it up. I looked
   at the forums as well, and tried the methods. Nothing seems to work, or maybe
   I am not able to understand this.
 * Would be grateful if somebody here could help me by pointing the mistakes I made
   in my code.
 * Not sure if I should paste the entire CSS here…but nonetheless…am sorry if this
   is an inconvenience…
 *     ```
       body,h1,h2,h3,h4,h5,h6,blockquote,p,form
       {
       		margin:0;
       		padding:0;
       }
   
       body
       {
       		margin:0;
       		font-family: Arial,Helvetica,Georgia,Sans-seriff;
       		font-size:12px;
       		text-align:left;
       		vertical-align:top;
       		background: #222222 none repeat scroll 0 0;
       }
   
       h1
       {
       		font-family:Georgia,Sans-seriff;
       		font-size:24px;
       		padding:0 0 10px 0;
       }
   
       a:link, a:visited
       {
       		text-decoration:underline;
       		color: #336699;
       }
   
       a:hover
       {
       		text-decoration:none;
       		color:#00ff00;
       }
   
       p
       {
       		padding:10px 0 0 0;
       }
   
       #wrapper
       {
       		margin:0 auto 0 auto;
       		width:1000px;
       }
   
       #header
       {
   
       	background: #e8ecef url('images/kubrickheader.jpg') repeat scroll 0 0;
       	height:400px;
       	margin-top:0px;
       }
   
       #container
       {
       		padding:15px 10px 25px 15px;
       		background:#e8ecef url('images/container.jpg') no-repeat scroll center top;
       		margin:0 auto;
       		position:relative;
       }
   
       .post
       {
       		padding:10px 0 10px 0;
       }
   
       .post h2
       {
       		font-family:Georgia,Sans-seriff;
       		font-size:18px;
       }
   
       .entry
       {
       		line-height:18px;
       }
   
       p.postmetadata
       {
       		border-top:1px solid #ccc;
       		margin:10px 0 0 0;
       }
   
       .navigation
       {
       		padding:10px 0 0 0;
       		font-size:14px;
       		font-weight:bold;
       		line-height:18px;
       }
   
       .sidebar
       {
       		position:relative;
       		float:right;
       		width:208px;
       		padding-left:0;
       		font-size:14px;
       }
   
       .sidebar ul
       {
       		list-style-type:none;
       		list-style-image:none;
       		margin:0;
       		padding:0;
       }
   
       .sidebar ul li
       {
       		background: transparent none repeat scroll 0 0;
       		margin-bottom:7px;
       		padding:7px;
       }
       .sidebar ul li li
       {
       background:transparent none repeat scroll 0 0;
       margin-bottom:0;
       padding-bottom:0;
       }
   
       #footer
       {
       		clear:both;
       		float:left;
       		width:750px;
       		color:#eeeeee;
       }
       ```
   
 * Thanks a lot in advance!!
    cheers!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [caniwrite](https://wordpress.org/support/users/caniwrite/)
 * (@caniwrite)
 * [17 years, 9 months ago](https://wordpress.org/support/topic/some-css-help-for-a-theme/#post-851452)
 * Ok, I could manage to pull it up using the following for sidebar:
 *     ```
       .sidebar
       {
       		display:block;
       		position:absolute;
       		top:75px;
       }
       ```
   
 * I need to fiddle around with it a little more…However, I am worried about the“
   position” part. I guess, as the name suggests, it would not make the sidebar 
   relative to the rest of the content on the page. Hence, if I think of adding 
   widgets to it, i would need to reposition everytime to make it look the same.
   Is there anything I need to work with the php files?
 * Any thoughts anyone please?
 *  [Brigitte](https://wordpress.org/support/users/brigitte/)
 * (@brigitte)
 * [17 years, 9 months ago](https://wordpress.org/support/topic/some-css-help-for-a-theme/#post-851465)
 * An easier way to make a two columned layout would be using this tutorial:
    [http://inobscuro.com/tutorials/read/25/](http://inobscuro.com/tutorials/read/25/)
 *  Thread Starter [caniwrite](https://wordpress.org/support/users/caniwrite/)
 * (@caniwrite)
 * [17 years, 9 months ago](https://wordpress.org/support/topic/some-css-help-for-a-theme/#post-851482)
 * Thanks for the suggestion Brigitte…

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Some CSS help for a theme..’ is closed to new replies.

## Tags

 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)

 * 3 replies
 * 2 participants
 * Last reply from: [caniwrite](https://wordpress.org/support/users/caniwrite/)
 * Last activity: [17 years, 9 months ago](https://wordpress.org/support/topic/some-css-help-for-a-theme/#post-851482)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics