Sidebar alignment

Looking at the source for your page the way it sits right now, there’s two <hr> tags in there – one near the header, one near the footer. Try taking those out.

What browser are you using, btw? In FF1.0.2 and Opera 7.23 I see the longitudinal blanks that show your orange background instead of the green content area. However, in IE6 the top blank gap isn’t there but the header area is pushed to the right; the bottom gap is there and the footer is directly inline with the content area.

I’d have to grab all your code and load it into my editor tomorrow to play with it.

Which flavor? Same gecko engine, different versions etc.

Hm. Don’t know anything about the new version…. also in FF if you go to the April 2005 archive, you get a blank rectangle in the sidebar but you have no gaps. Your css etc. need a fair amount of tweaking looks like.

You might start with the Codex Css guides….

Well, don’t pack it in yet! See what you can work out with the Codex info, post back tomorrow (sorry, it’s really late here and I’m off to bed), and we’ll see what we can work out. I grabbed your current css and html, will take a look in the morning….

Okay – in the files I downloaded, the stuff in the <style> declaration in the top of your (probably) header.php file is duplicated in your style.css file. I deleted this whole block from the top of the header file, since it appears in the css file, and that closed up the gaps.

This is the whole of the relevant block I deleted from the header.php file:

<style type="text/css" media="screen">

/* BEGIN IMAGE CSS */
/* To accomodate differing install paths of WordPress, images are referred only here,
and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
not, then go right ahead and delete the following lines, and the image files. */

body { background: url("http://www.designbymind.com/wp-content/themes/default/images/kubrickbgcolor.jpg"); } #page { background: url("http://www.designbymind.com/wp-content/themes/default/images/") repeat-y top; border: none; } #header { background: url("http://www.designbymind.com/wp-content/themes/default/images/kubrickheader.jpg") no-repeat bottom center; }
#footer { background: url("http://www.designbymind.com/wp-content/themes/default/images/") no-repeat bottom; border: none;}

/* Because the template is slightly different, size-wise, with images, this needs to be set here
If you don't want to use the template's images, you can also delete the following two lines. */

#header { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 643px; }
#headerimg { margin: 7px 9px 0; height: 192px; width: 740px; }
/* END IMAGE CSS */

/* To ease the insertion of a personal header image, I have done it in such a way,
that you simply drop in an image called 'personalheader.jpg' into your /images/
directory. Dimensions should be at least 760px x 200px. Anything above that will
get cropped off of the image. */

/*
#headerimg { background: url('http://www.designbymind.com/wp-content/themes/default/images/kubrickheader.jpg') no-repeat top;}
*/

</style>

Try doing that on your file, and see if it helps. Let me know!