Hi
2 lines to add to your stylesheet,
line 356:
#content {
background:#FFFFFF url(img/sidesep.gif) repeat-y right center;
border-left:1px solid #FFB56C;
ADD ----> float:left;
}
line 723
#footer {
background:transparent url(img/footer2.jpg) no-repeat;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
display:block;
ADD ---> float:left;
font-size:11px;
height:31px;
line-height:145%;
width:100%;
}
It is quite possible this could mess up the display in IE while fixing it in FF. On mine, it messed up IE7.
If that happens, the theme has a 2nd stylesheet called ie.css – in that case try adding this into it
#content { float: none; }
#footer { float: none; }
Thank you! You are my WordPress angel! It worked very well and didn’t even mess it up in IE. Now I just got a couple of little border issues to look at and I’m done.
Thank you again so much. This was exactly the kind of answer I was hoping for.
Help again! It works now very well in IE and Firefox, but is still not displaying properly in Safari and Chrome.
Any advice?
It’s not displaying very well in my FF, because of the sidebar being too wide. If you change it from 300px to 295px, and make it float: left, it’ll display like it should.
I recommend a ‘clear: both;’ on the footer.
Peter
Exactly right! Thanks for your help.
OK everyone – this site – wwww.forthefirstime.ca s working fine now in IE, Firefox and Chrome, but apparently the sidebar is still showing up in the wrong place on Safari.
Does anyone know of a safari stylesheet, like the IE.css that will work for the WordPress template?
A Safari tweak can be created in javascript or jQuery
Oh oh – you completely lost me.
Actually – I checked it on an iPod that uses Safari and that’s OK, so could it be a Mac issue? If anyone out there is using a Mac, please check http://www.forthefirstime.ca and let me know where the sidebar displays.
