My Show In A Box Experience

0 views
Skip to first unread message

Clintus McGintus

unread,
Dec 14, 2007, 8:46:52 AM12/14/07
to Show-in-a-Box
What's up everybody. I'm finally getting around to posting on here. I
wanted to thank everyone involved with the creation of this wonderful
tool/platform. Here is how it went for me. I started off by creating a
"sandbox" and had SIAB installed with my current DB in no time. From
there it was just picking a style and making it my own. Other than my
lack of knowledge of css the whole experience was awesome. The only
issue I had was not knowing that my current DB was linked to my root
directory and I wasn't able to use a "wordpress folder" as I would
have liked; but no biggie. Special thanks to Cheryl and Michael for
helping me on specific issues. I know there's still a lot for me to
play around with as far as vpip and the related videos, but right now
my main concern is with a few issues I'm having with IE. From what I
can tell I'm not the only one.

Current issues with IE are as follows: In IE7 when someone goes to
comment they get an error under the post saying "the post your are
trying to comment on is not in the database" and doesn't allow them to
post the comment. The next two issues are in IE6, icons on the
indivudual posts and each comment are doubled and scattered down the
posts comments. I've seen this on other SIAB sites as well. And the
last one, and I think I have a fix for this one, is the side bar. Even
after fixing the size issue a certain widget is split and the photos
from it are jammed up into the widgets above it. That one isn't that
big of a deal really, but thought I would bring it up never the less.

Again, I love SIAB and what it allows me to do. Keep up the good work
and thank you.

Cheryl Colan

unread,
Dec 14, 2007, 4:51:36 PM12/14/07
to Show-in-a-Box
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&amp;user=ClintusMcGintus&amp;theme=grey&amp;lang=en&amp;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&amp;chartType=recenttracks&amp;user=ClintusMcGintus&amp;chartFriends=1&amp;from=code&amp;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&amp;chartType=recenttracks&amp;user=ClintusMcGintus&amp;chartFriends=1&amp;from=code&amp;widget=chart&amp;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 +
'&amp;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&amp;c_width=180&amp;c_sn_opt=y&amp;c_rows=6&amp;c_img_size=f&amp;c_heading_text=Recent
+Readers&amp;c_color_heading_bg=999999&amp;c_color_heading=ffffff&amp;c_color_link_bg=E3E3E3&amp;c_color_link=009900&amp;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]

Clintus McGintus

unread,
Dec 14, 2007, 6:36:38 PM12/14/07
to Show-in-a-Box
AWESOME! Thanks cheryl, I'll start working on those right away. My
only question is, why does IE6 display one size for my side bar, and
firefox and IE7 display another. The widgets are inside my sidebar
when viewed there.
> 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&amp..."

Cheryl Colan

unread,
Dec 14, 2007, 7:20:16 PM12/14/07
to show-i...@googlegroups.com
IE6 interprets CSS differently than IE7 and Firefox do.

That's why we hate it. :D

Cheryl


> 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/



--
I vlog: hummingcrow.com
I make: whatwefound.blogspot.com
I teach: node101phoenix.org

markus sandy

unread,
Dec 14, 2007, 7:38:14 PM12/14/07
to show-i...@googlegroups.com
On Dec 14, 2007, at 4:20 PM, Cheryl Colan wrote:

> IE6 interprets CSS differently than IE7 and Firefox do.
>
> That's why we hate it. :D
>

actually, it's FF I'm starting to dislike. I guess they finally
achieved full parity with IE :)

FWIW, none of the browsers are truly CSS compliant (or even close IMHO)

I'm using Safari3 more and more, zod help me.

they even broke standard HTML in safari3, but I like that it does not
hog memory so much

markus (the guy with 36 tabs open in his browser)


Cheryl Colan

unread,
Dec 14, 2007, 8:02:47 PM12/14/07
to show-i...@googlegroups.com
yes, no browser has yet got it right
my annoyance w/firefox is more about the memory hogging than the CSS interpretation
there are annoying things about safari, too
about EVERY browser
grrr

Cheryl

ryanne hodson

unread,
Dec 16, 2007, 1:40:46 PM12/16/07
to show-i...@googlegroups.com
hear hear on FF hogging memory (the girl with 36 tabs open)
--
Me ----> http://RyanEdit.com
Twitter------>http://twitter.com/Ryanne
Documenting Green ---->http://RyanIsHungry.com
Educate ----> http://FreeVlog.org
iChat/AIM ----> VideoRodeo

Michael Verdi

unread,
Dec 16, 2007, 4:25:39 PM12/16/07
to show-i...@googlegroups.com
Yeah FF... Safari in 10.5 is really good. I've switched over for
almost everything.

--
http://michaelverdi.com
http://freevlog.org
http://nscape.tv

Chris Double

unread,
Dec 16, 2007, 4:53:46 PM12/16/07
to Show-in-a-Box
On Dec 17, 7:40 am, "ryanne hodson" <ryanne.hod...@gmail.com> wrote:
> hear hear on FF hogging memory (the *girl* with 36 tabs open)

The Firefox 3 beta is better with the memory usage. If you want to be
on the bleeding edge and give some feedback on whether memory is
reduced for your types of usage, you can download a build here:

http://www.mozilla.org/projects/bonecho/releases/2.0b1.html

One of the reasons for the large memory usage is Firefox caches the
contents of a number of pages in your current session so it can
navigate to them faster if you go forward or back. This is by default
set to 50. So it is caching 50 pages of data which can be quite a lot
if they are large pages. You can modify this setting though and it
might help reduce memory usage for you.

It can be changed by entering about:config in the address bar. Search
for browser.sessionhistory.max_entries. You should see it is set to
50. Setting it to a lower number may help (or 0 to disable it).

Chris.
--
http://www.bluishcoder.co.nz

Enric

unread,
Dec 16, 2007, 6:08:54 PM12/16/07
to show-i...@googlegroups.com

Thanks!  I'm going to try 10 first.

    -- Enric
 


Chris.
--
http://www.bluishcoder.co.nz

Jay dedman

unread,
Dec 20, 2007, 4:04:39 PM12/20/07
to show-i...@googlegroups.com
> One of the reasons for the large memory usage is Firefox caches the
> contents of a number of pages in your current session so it can
> navigate to them faster if you go forward or back. This is by default
> set to 50. So it is caching 50 pages of data which can be quite a lot
> if they are large pages. You can modify this setting though and it
> might help reduce memory usage for you.
> It can be changed by entering about:config in the address bar. Search
> for browser.sessionhistory.max_entries. You should see it is set to
> 50. Setting it to a lower number may help (or 0 to disable it).

thanks Chris.
this is the first time ive heard a good explanation of why FF is
hogging so much of my memory.
you should make a blog post about to let everyone know.
Be good in FF 3.0 to be able to reconfigure it as you say in an easier way.

Jay


--
http://jaydedman.com
917 371 6790
Video: http://ryanishungry.com
Twitter: http://twitter.com/jaydedman
Photos: http://flickr.com/photos/jaydedman/
RSS: http://tinyurl.com/yqgdt9

Reply all
Reply to author
Forward
0 new messages