Site CSS help

Sev · **Posted:** November 17th, 2010, 11:51 am

I think this goes here, but it fits better anywhere else, please move it

So I've been designing a blog site, following a tutorial partially, hand coding essentially everything. Everythings done, except I have one small error. If you look at the site (http://jwblog.hvfbla.com) between the main blog entry column and the widget column, theres no spacing. Yes there should be a 20 px spacing. When I Make the Blog column smaller, the widget column makes itself bigger, and vise versa. I disabled all widget as well, thinking that might be the problem, but no avail.

Heres the CSS code, maybe you guys can help.

Spoiler for Wall of CSS:

Adbot · **Posted:** November 17th, 2010, 11:51 am

addiv · **Posted:** November 17th, 2010, 3:19 pm

Try changing this:

#main #primary {
float: left;
width: 610px;
}

to this:

#main #primary {
float: left;
width: 610px;
padding-right: 20px;
}

Chief Snake · **Posted:** November 17th, 2010, 9:00 pm

Addiv's code will work perfectly.

Your Twitter link has three T's in the "http" part of it.

Just thought I would point that out because Firefox didn't know what to do with it.

I would make your timestamp span the whole width of the post box if I were you (you can do this simply by removing its width property), or make it inline and change a few other properties to make it expand to fit the text inside it. Apart from this I saw no flaws. Nicely done.

Edit:

It might not affect anything at the moment, but you could run into problems if you don't put those <li> elements inside your <ul id="sidebar">.

Sev · **Posted:** November 19th, 2010, 1:15 pm

addiv wrote:

Try changing this:

#main #primary {
float: left;
width: 610px;
}

to this:

#main #primary {
float: left;
width: 610px;
padding-right: 20px;
}

Thanks a lot! That fixed it

Chief Snake wrote:

Addiv's code will work perfectly.

Your Twitter link has three T's in the "http" part of it.

Just thought I would point that out because Firefox didn't know what to do with it.

I would make your timestamp span the whole width of the post box if I were you (you can do this simply by removing its width property), or make it inline and change a few other properties to make it expand to fit the text inside it. Apart from this I saw no flaws. Nicely done.

Edit:

[img*]http://bradpad.co.nz/crate/1290052992.png[/img]

It might not affect anything at the moment, but you could run into problems if you don't put those <li> elements inside your <ul id="sidebar">.

Fixed the twitter and the time stamp, looks a lot better, thanks

Also I fixed the ul and messed up my padding for some reason, I fixed it but now my twitter icon wont float right and I have no idea whyyyy.