try adding ‘float:left;’ to #main in the style.css:
#main {
/*background-image: url(images/right_sidebg.jpg);*/
padding: 0px;
float:left;
color: #3b3b3b;
min-height: 500px;
width: 924px;
background-color: #FFF;
margin: 0;
}
Thanks. That helped, but now there’s a new spacing problem at the top. With margin already set to “0” I’m not sure what’s causing the gap.
Thanks.
the spacing came from #subheader –
change ‘margin-bottom: 15px;’ into ‘margin-bottom: 0px; padding-bottom: 15px;’
#subheader {
height: 35px;
margin-top: 15px;
margin-right: 20px;
margin-bottom: 0px;pading-bottom:15px;
margin-left: 20px;
}
and put the ‘float:left;’ back into #main.
worked in my test installation with dreamweaver (firefox and IE7).
PS: and add a ‘padding-top:10px’ to #main:
#main {
/*background-image: url(http://www.vanagonhacks.com/wp-content/themes/bluemod/images/right_sidebg.jpg);*/
padding: 0px;
float:left;padding-top:10px;
color: #3b3b3b;
min-height: 500px;
width: 924px;
background-color: #FFF;
margin: 0;
}
You’re the man! That worked. I was messing with subheader but couldn’t get it right. I did set margin-bottom: 0px; before I read your last post, but that caused everything to move up. Great trick on adding the padding-bottom: 15px; back in.
Thanks.
Okay, one more issue. Now the background is messed up and seems to be repeating rather than simply fading to black.