• mov
  • Member
  • Offline
  • Registered: 2011-02-06
  • Posts: 3

Topic: Images smaller on firefox

hi, my autoviewer gallery shows smaller images only on firefox, hier my css:


body {background: #fff;
    height: 80%;
}
a {text-decoration: none;
    cursor: crosshair;
    color:#000;
}

a:hover {color:#999;}
   
   
.name {position: absolute;
    top: 1%;
    left:1%;
    color:#999;
    font-family: courier new;
    font-weight:bold;
    font-size:22px;
    }

#content                        
    {position: absolute;
     top: 4%;
     left: 0px;
     width: 100%;
     height: 95%;
    background:transparent;
    border-top: 5px dashed #000;
}


and hier my html page:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   
    <title>Loredana Gelli | collezioni | gioielli</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
   
    </head>
<body>

<div class="name"><a href="../index.html">Loredana Gelli</a> &middot; <a href="../collezioni.html">collezioni</a> &middot; cappelli</div>

        <div id="content">   
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>   
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "viewer", "100%", "100%", "8", "#ffffff");
fo.write("flashcontent");   
</script>                    
            </div>
   
    </body>

</html>

any suggestions?
thanks

  • Registered: 2009-03-17
  • Posts: 2,725

Re: Images smaller on firefox

Could you post the URL of the gallery so we can take a look?

Mike Richards
SimpleViewer Support Team.
  • mov
  • Member
  • Offline
  • Registered: 2011-02-06
  • Posts: 3

Re: Images smaller on firefox

here it is (it's a hidden page in my own website, at the moment)

http://www.robertacortese.com/loreley/h … llery.html

thank you

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Images smaller on firefox

Specify a height for your 'flashcontent' <div> in your CSS, eg.

#flashcontent {
  height: 100%;
}

This FAQ (although for SimpleViewer rather than AutoViewer) explains further: http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team
  • mov
  • Member
  • Offline
  • Registered: 2011-02-06
  • Posts: 3

Re: Images smaller on firefox

thank you very much, now it works!
I already tried to fix a 100% height, but in the 'content' <div>...
thank you again

6 Reply by Chieftain (edited by Chieftain 2011-02-28 11:17:24)

  • Registered: 2011-02-22
  • Posts: 2

Re: Images smaller on firefox

Hi,
I'm designing a site, and i've discovered that it displays slightly differently in Firefox than Internet explorer or Safari. The link below is the site. You can see when viewed in IE, everything is as it should be. When viewed in Firefox, the banner size flash app is lowered down a bit, which moves the layout and makes it look not so good. Does anyone know how I can resolve this?central air conditioners

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Images smaller on firefox

In the absence of a link, you could check your HTML page for errors at the W3C Markup Validation Service.  A page containing fully valid code is more likely to be displayed with greater consistency across different browsers.

Steven Speirs
SimpleViewer Support Team