Good tip with problem with small size with Fire Fox browser

Weather Display Live & WeatherMap Live > Weather Display Live Discussion/Questions

(1/7) > >>

Weather Display:
I had this same problem.
With FF, WDL screen was very small if I set WDL using "%" with width and height.

Then I remove two lines from my code;

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"

they are the first 2 lines with the "Carter Lake templates"
After this, all is fine and now I can use "%" and WDL screen is normal size also with FireFox.

gabba:
Sorry if this has been asked before but does anyone have an answer as to why removing the document type definition makes a difference?

....or is this just the way the gods have deemed it, and therefore it should be accepted :wink:

Andrew

JaxWeather:
Maybe it isn't that line itself...

It possibly could be what that line requires which is all XHTML is case-specific. In XHTML 1.0, all elements and attribute names must be written in lower case:

While in HTML mixed cASe is supported.
http://www-128.ibm.com/developerworks/library/w-xhtml.html

Someone would need to do some checking and see if ensuring all is in lower case if that line still causes issues.

-Bob

bwawsc:
Here's a page that works:

--- Quote ---<!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-US">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta name="keywords" content="MesoMap Live, Weather Display, Weather Display Live, Weather Station, Weather Software" />
<title>Weather Display Live</title>
<script type="text/javascript" src="../weather/flashobject.js"></script>
<style type="text/css">

   /* hide from ie on mac \*/
   html {
      height: 100%;
      overflow: hidden;
   }

   #flashcontent {
      height: 100%;
   }
   /* end hide */

   body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #ffffcc;
   }
</style>
</head>
<body bgcolor="FFFFCC">




<div id="flashcontent">
<strong>You need to install a flash player, or upgrade your flash player.</strong>
</div>
<script type="text/javascript">
var fo = new FlashObject("http://www.rawbits.com/weather/wdlv4_11.swf?http://www.rawbits.com/weather/wdlconfig.xml", "wdlv4_11.swf", "100%", "100%", "7", "FFFFCC");
fo.write("flashcontent");
fo.addVariable("quality", "high");
fo.addVariable("wmode", "transparent");
</script></body>
</html>

--- End quote ---
It uses flashobj.js from Geoff Stearns - http://blog.deconcept.com/flashobject/

Phoniclynx:
I don't know if this helps... but that line in HTML basically means go to the W3C website and grab the XHTML Template and tell me how to display the information here in the coding. So my presumption is that FireFox being Firefox is rather strict in to ahdearing to the correct formats as described within the WhitePapers that W3C put out.. which would be why it would be producing this, cuz its the correct way of doing it.. unlike IE who actualy do the wrong thing :P

Navigation

[0] Message Index

[#] Next page

Go to full version