Topic: embeded simple viewer 2 pro

hello

i need some help ..i embeded the gallery - it works fine in firefox 3.6 and chrome but in internet explorer 9 the flash it's not working anymore.my html code for index.htm - link http://.........../test2/

<html><head>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<link rel="stylesheet"  href="base.css">
</head><body>
    <div id="wrapper">
         <div id="header">
         <img src="logo.png" alt=""><hr color="#8a8a8a">
               <br>
         </div>
         <div id="leftcolumn">
              
         </div>
         <div id="content">
<object width="78%" height="80%"><param name="movie" value="simpleviewer.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="222222"></param><embed src="simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="78%" height="80%" bgcolor="222222"></embed></object>
          </div><br>
         <div id="footer">
         <hr color="#8a8a8a"><br>
               <p align="right"> ..................</p>
               
         </div>   </div>
   
</body></html>

if i write the - link http://..................../test2/index22.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="base.css" type="text/css">
<style type="text/css">
 p.c1 {text-align: right}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"><img src="logo.png" alt="">
<hr>
<br></div>
<div id="leftcolumn">

</div>
<a href=""></a>
<div id="content"><object width="78%" height="80%"><param name="movie" value="simpleviewer.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="bgcolor" value="222222">
<embed src="simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="78%" height="80%" bgcolor="#222222"></object></div>
<br>
<div id="footer">
<hr>
<br>
<p class="c1">...........</p>
</div>
</div>
</body>
</html>

with <!DOCTYPE  - i have problemes with the flash hight in firefox, ie and chrome...
how can i solve the problem?

Last edited by ciprianaugustin (2010-10-17 16:29:03)

Re: embeded simple viewer 2 pro

You need a Doctype. Use the SWFObject code instead of the embed code as SWFObject is standard compliant and works better will all browsers.

i have problemes with the flash hight in firefox, ie and chrome...

http://www.simpleviewer.net/simpleviewe … ml#embed_7

Mike Richards
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

i have simple viewer 2.1...

Re: embeded simple viewer 2 pro

Here are the instructions for embedding SimpleViewer v2.1:
http://simpleviewer.net/simpleviewer/su … html#embed

You still need to use a DOCTYPE declaration.

Steven Speirs
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

The code you were using before will not allow the use of the mobile nonflash version of SimpleViewer 2.1. If you do not care about the mobile nonflash version you can use either the code I posted or the normal SimpleViewer 2.1 embed code.

Mike Richards
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

hello again

i set at http://...../test3/index22.html the script but i have another problem with the height of the flash
if i set at my computer a resolution the scrollbar is active. (i don't need this). below the flash gallery is a blank space that i can't get rid off. i modified the height from the css file, i modified the flash height from the html and i have the same problem..
can you help me? is a margin for gallery set in  simpleviewer.css??
thanks

Last edited by ciprianaugustin (2010-10-17 16:22:09)

Re: embeded simple viewer 2 pro

in firebug i have the element.style with 608px ..my resolution is 1280x800 ..if i change 608px with 500 it feets with the monitor...what can i change from the gallery css?

Re: embeded simple viewer 2 pro

It's really just a matter of sorting out your CSS http://www.w3schools.com/css/
You have a mixture of absolute (px) values, percentages and certain elements also have margins assigned to them and it all just doesn't add up to a neat '100%'.
You also use float: center; which is not valid CSS: http://www.w3schools.com/css/pr_class_float.asp

Steven Speirs
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

in my css base.css i don't have  absolute values...i delete the float: center...the same problem

Last edited by ciprianaugustin (2010-10-17 12:56:50)

Re: embeded simple viewer 2 pro

In base.css:

#content { 
 float: center;
 color: #333;
 background: #e6e6e6;
 height: 45%;
 width: 100%;

}

With regard to absolute values; you mentioned 608px in your last post but, indeed, there are no absolute values in base.css.  Sorry, my mistake.
If using only percentages, it should be fairly easy to make sure that the total height adds up to 100%.
Once this is achieved, there should be no need for a vertical scroll bar to appear.

Steven Speirs
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

Validating your page at WC3 Validator shows a few errors which should be fixed (eg you have a couple of open <p> elements that have not been closed) in order for the page to be cross-browser friendly.

However, I've reworked your index22.html and base.css files (both now validate) and you might want to use these as a template to tweak.
Being that the size of all the <div>s are percentages and certain elements are of fixed size (eg your logo) it might not look perfect in all browser sizes but hopefully it'll help you along in the right direction.
Rather than post the code here, you can download the files from here.

Steven Speirs
SimpleViewer Support Team.

Re: embeded simple viewer 2 pro

thx a lot