Hi Clint.
First, thanks a lot for your feedback. It's good to know what your
experience was like. It helps us know that bit about your existing
database being tied to a specific location. So far we have only made a
tutorial for people installing from scratch. We need to make sure we
tell people who are switching their site to Show in a Box that they
should follow their existing directory structure.
I made some time today to have a look at your site in IE6 and I see
the problems you're describing. I didn't look at the IE7 problem
because I don't have access to it right now.
I note you are using Verdi's "Spacey" style that you modified. Just
for everyone's info...
I'm not sure why the little clock icon is showing up duplicated in
your comments, but I do see it. If you want, you could temporarily
eliminate the clock icon from your comments. You need to add this
style to your spacey.css:
#commentlist li .comment-meta {
padding: 2px 0 2px 20px;
background: url('images/time.png') left center no-repeat;
display: block;
}
Then get rid of the background image. In the padding the 20px value is
what leaves room for the icon to show - you could make it a lower
number or even zero if you find it looks weird without the clock.
Maybe Verdi will choose to address this in his Spacey theme and issue
an update.
I know I changed out all the icons in my ChocolateBox theme, and I
made them gifs so they would display right in IE6 (it can't handle png
graphics).
As to your sidebar problems, with three columns (content plus 2
sidebars), your sidebar-alt is set to be 125px wide
.columns-three #sidebar-alt {
width: 125px;
padding: 10px;
left: 130px;
margin-left: -130px;
}
A big load of the third party widgets you've plopped in there are set
wider than the sidebar - a classic way to hose up CSS layouts in IE6.
Your Twitter widget is set at 176px wide. Here's the code you copy/
pasted into your text widget:
<embed src="
http://twitter.com/flash/twitter_badge.swf"
flashvars="color1=7895160&type=user&id=524463" quality="high"
width="176" height="176" name="twitter_badge" align="middle"
allowScriptAccess="always" wmode="transparent" type="application/x-
shockwave-flash" pluginspage="
http://www.macromedia.com/go/
getflashplayer" /><br><a style="font-size: 10px; color: #669900; text-
decoration: none" href="
http://twitter.com/Clintus">follow me here</a>
Try making it less wide - say... 120px
Then there's your mychingo embed code, set to 168px wide:
<embed src="
http://www.mychingo.com/chingoplayer/CPlayer_white.swf?
code=5687&recordURL=
http://www.mychingo.com/recorder/record_app_JS.asp?
code=5687" quality="high" bgcolor="#787878" width="168" height="242"
name="MyChingo_Player1" align="middle" play="true" loop="false"
allowScriptAccess="never" swliveconnect="true" type="application/x-
shockwave-flash" pluginspage="
http://www.macromedia.com/go/
getflashplayer"></embed>
Again, try making the width less than the 125px width of your sidebar.
Then you've got this whole ugly mess of code from your Last.fm widget:
<style type="text/css">table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c
td {margin:0 !important;padding:0 !important;border:0 !
important;}table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c tr.lfmHead
a:hover {background:url(
http://cdn.last.fm/widgets/images/en/header/
chart/recenttracks_regular_grey.png) no-repeat 0 0 !
important;}table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c tr.lfmEmbed
object {float:left;}table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c
tr.lfmFoot td.lfmConfig a:hover {background:url(
http://cdn.last.fm/
widgets/images/en/footer/grey.png) no-repeat 0px 0 !
important;;}table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c tr.lfmFoot
td.lfmView a:hover {background:url(
http://cdn.last.fm/widgets/images/
en/footer/grey.png) no-repeat -85px 0 !
important;}table.lfmWidgetade1768ce6c5f8e5d72d48122024bc5c tr.lfmFoot
td.lfmPopup a:hover {background:url(
http://cdn.last.fm/widgets/images/
en/footer/grey.png) no-repeat -159px 0 !important;}</style>
<table class="lfmWidgetade1768ce6c5f8e5d72d48122024bc5c"
cellpadding="0" cellspacing="0" border="0" style="width:184px;"><tr
class="lfmHead"><td><a title="ClintusMcGintus: Recently Listened
Tracks" href="
http://www.last.fm/user/ClintusMcGintus/"
target="_blank" style="display:block;overflow:hidden;height:20px;width:
184px;background:url(
http://cdn.last.fm/widgets/images/en/header/chart/
recenttracks_regular_grey.png) no-repeat 0 -20px;text-
decoration:none;border:0;"></a></td></tr><tr
class="lfmEmbed"><td><object type="application/x-shockwave-flash"
data="
http://cdn.last.fm/widgets/chart/friends_6.swf" codebase="http://
download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,0,0" width="184" height="199" > <param
name="movie" value="
http://cdn.last.fm/widgets/chart/friends_6.swf" />
<param name="flashvars"
value="type=recenttracks&user=ClintusMcGintus&theme=grey&lang=en&widget_id=ade1768ce6c5f8e5d72d48122024bc5c" /
> <param name="bgcolor" value="999999" /> <param name="quality"
value="high" /> <param name="allowScriptAccess" value="always" />
<param name="allowNetworking" value="all" /> </object></td></tr><tr
class="lfmFoot"><td style="background:url(
http://cdn.last.fm/widgets/
images/footer_bg/grey.png) repeat-x 0 0;text-align:right;"><table
cellspacing="0" cellpadding="0" border="0" style="width:
184px;"><tr><td class="lfmConfig"><a href="
http://www.last.fm/widgets/?
colour=grey&chartType=recenttracks&user=ClintusMcGintus&chartFriends=1&from=code&widget=chart"
title="Get your own widget" target="_blank"
style="display:block;overflow:hidden;width:85px;height:
20px;float:right;background:url(
http://cdn.last.fm/widgets/images/en/
footer/grey.png) no-repeat 0px -20px;text-decoration:none;border:0;"></
a></td><td class="lfmView" style="width:74px;"><a href="http://
www.last.fm/user/ClintusMcGintus/" title="View ClintusMcGintus's
profile" target="_blank" style="display:block;overflow:hidden;width:
74px;height:20px;background:url(
http://cdn.last.fm/widgets/images/en/
footer/grey.png) no-repeat -85px -20px;text-decoration:none;border:
0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://
www.last.fm/widgets/popup/?colour=grey&chartType=recenttracks&user=ClintusMcGintus&chartFriends=1&from=code&widget=chart&resize=1"
title="Load this chart in a pop up" target="_blank"
style="display:block;overflow:hidden;width:25px;height:
20px;background:url(
http://cdn.last.fm/widgets/images/en/footer/
grey.png) no-repeat -159px -20px;text-decoration:none;border:0;"
onclick="window.open(this.href +
'&resize=0','lfm_popup','height=299,width=234,resizable=yes,scrollbars=yes');
return false;"></a></td></tr></table></td></tr></table>
in the <table> section you've got a whole lot of:
style="width:184px;"
Again the width is set wider than your sidebar width. I'm not sure how
this widget gets its info. Maybe you can go to
last.fm and tell it how
wide the widget can be? I'm only seeing the output of whatever code
they gave you so you probably pasted something different into your
text widget. I leave it to you to investigate.
Same issue with your MyBlogLog widget - it's set to 180 width:
<script type="text/javascript" src="
http://pub.mybloglog.com/comm2.php?
mblID=2006120722433321&c_width=180&c_sn_opt=y&c_rows=6&c_img_size=f&c_heading_text=Recent
+Readers&c_color_heading_bg=999999&c_color_heading=ffffff&c_color_link_bg=E3E3E3&c_color_link=009900&c_color_bottom_bg=999999"></
script>
And finally your "Ask Gary a Wine Question" code:
<div style="text-align: center;" id="wltv_episode_picture">
<h3>Ask Gary a Wine Question</h3>
<a href="
http://apps.facebook.com/askgary" title="Ask Gary a Wine
Question"><img src="
http://widgets.winelibrary.com/ask-gary.jpg"
alt="Ask Gary your Wine Questions!" border="0" /></a>
<p>Changing the <a href="
http://tv.winelibrary.com"
title="wine">wine</a> world.</p>
</div>
The ask-gary.jpg is 170px wide. after "img" you can assign a width to
get it to be less wide than your sidebar. For example: width="120"
That might help.
Point is, if you're going to put stuff in your sidebar, it shouldn't
be set wider than the sidebar.
And also, all the sidebar width problems, as far as I can tell, are
because you've added in all these widgets from other sources. None of
them are part of Show In A Box, so we really don't support them. We
can't. So if my suggestions about width don't work out, it may be that
you're on your own there.
Good luck with it. Hopefully someone else can help out with the IE7
problem.
Cheryl
On Dec 14, 6:46 am, Clintus McGintus <
clintco...@gmail.com> wrote:
[snip]