Microsoft Office Live Small Business Community

I have a couple of published lists that display fine in IE and Safari, but the text doesn't wrap in Firefox, so the tables are super-wide.  Also, I have an html module on one page with Skype buttons which show up in Firefox but not in IE.  Any advice?

Have experienced the same with a shopping cart so would like to know too.  The only solution I had was to limit the data in the published list so it stayed within the page limits - (less than ideal!)

Chris

http://www.helpitcrashedagain.com

Small Business Websites and Consultancy

My published lists do that also.  Very odd looking to have the list overlap my right side navigation links. 

Checked it out on my site as well, doing the same thing. Not quite sure why.

 Sue,

Can you give me a link to show that?

Royster

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

http://oldesigntips.com/besttips.aspx

The list is in a table.  I also used zones with css to set the size of them, the left zone being larger and the right hand zone narrower for the navigation area.

Hi Sue,

Add this to your custom stylesheet:

#ctl00_IWS_WH_CPH_Content_DataViewerControl1 {
display:block !important;
}

That'll fix it.

Royster

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

You're right, it did!  Thanks bunches!

Does that same code cover the other published list styles or would you need a different one? 

I'll try putting that into my code, too.  I'm having difficulties with Safari and Firefox.  I've created 5 different version - all work great in IE7 - all have problems in Firefox & Safari.

My original page is still "in production" (http://bobfreedmanarranger.com/hsbigband.aspx) as it does the best in the 2 troublesome browsers.  I'm using CSS instead of tables...I may resort to trying tables if I can't find a more elegant solution.  I've hard-coded the HEIGHT in this version because I don't like the available options for overflow.  The page isn't too bad until the arranger gets verbose in his description of the song.

test2.aspx - test5.aspx (you can reach them from the "Site Map") show the 4 different versions of FLOAT I've tried so far.  I've put a table with comments about each version along with links to help you move through them easily.  Also, I've put links to the simple html files I built that would give me a color-coded view of the nested structure I was attempting.

Thanks for any help you can throw my way!

 -Wendy

Wendy,

The spacing problems may be due to IE's box model bug. More about that here: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

To start with, why don't you try specifying the widths of the columns in percentages of their container width, instead of inches:

-----The sum of widths of col 2 + col 3 should equal something less than 100% (you'll probably need to leave a little slop for the margins) so that they'll fit within their dark blue bordered container.

-----The sum of the widths of col 1 + the dark-blue-bordered div beside it should also be a little less than 100%, so those two things fit within their red-bordered container.

Try that and let us see what happens.  I'm really impressed with how organized you are at trouble-shooting! 

Royster,  thanks--that fixes my Firefox table width issues.  Any thoughts on why the skype buttons in my html content module don't appear in Internet Explorer?  One of them actually flashes as the page loads, but then dissappears.

UNKvista:   Where is your site? Can you give us an address?

I also have a friend that has the same trouble with a blog he tried to bring over in an html module.  http://midwestconsortium.org/VISTA_Portal.aspx bottom of the page. (it's a really long page!)

Recommend that you do not use HTML Module for this. Use the Custom Footer method. Also, can you paste the code that you got from Skype here?

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

When I added these, the html module said something about adding "defer" because of the src or something like that.  The edited code for the first button is at the bottom:

<!--
Skype 'Skype Me™!' button
http://www.skype.com/go/skypebuttons
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:ruralcorps?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png" style="border: none;" width="124" height="52" alt="Skype Me™!" /></a>

and

<!--
Skype 'Chat with me' button
http://www.skype.com/go/skypebuttons
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:ruralcorps?chat"><img src="http://download.skype.com/share/skypebuttons/buttons/chat_green_white_164x52.png" style="border: none;" width="164" height="52" alt="Chat with me" /></a>

Edited:

<!--
Skype 'Chat with me' button
http://www.skype.com/go/skypebuttons
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" </script defer="defer">
<a href="skype:ruralcorps?chat"><img src="http://download.skype.com/share/skypebuttons/buttons/chat_blue_white_164x52.png" style="border: none;" width="164" height="52" alt="Chat with me" /></a>