What Is Wrong With Firefox?
A Member? Please Login  
type your username and password to login
Date: October 07, 2008, 03:43 PM
247166 members and 146123 Topics
Latest Member: gbeghene
Nairaland [Nigerian Forum] Home Help Search Who is currently online? Login Register
Nairaland Forum  |  Technology  |  Webmasters (Moderators: SAM MILLA, uspry1)  |  What Is Wrong With Firefox?
Pages: (1) Go Down Send this topic Notify of replies
Author Topic: What Is Wrong With Firefox?  (Read 134 views)
edetcnn (m)
What Is Wrong With Firefox?
« on: June 22, 2008, 01:12 AM »
Hi good people,
Please, am still battling this little site of mine. Ok, i thought I was getting everything ok until I previewed it in both IE7 and firefox.
I have a flash slide in the prize_box but the flash buttons I generated from DW and then, the leftnav div overflows in firefox, knocking off the orange_box for my content instead of flowing right under the prize_box div. I can't seems to find where am getting it wrong especially when it displays ok in IE Huh so I thought there are better hands here that can help me out. Please have the patience to go through the codes. Am still some dang greenhorn in the site business Smiley.

Here's my code below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Welcome!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="kkkkkk">
<meta name="generator" content="SWiSHmax http://www.swishzone.com">
<meta name="Description" content="preslide">
<!-- Created by SWiSHmax - Flash Made Easy - www.swishzone.com -->
<link type="text/css" rel="stylesheet" href="source.css">
</head>

<body bgcolor="#666666">
<div id="main_container">
<div id="top_banner"></div>
<div id="banner_line"></div>
<div id="leftnav">
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="HOME">
      <param name="movie" value="button1.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="ABOUT">
      <param name="movie" value="button2.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="HOW TP">
      <param name="movie" value="button4.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="RULES">
      <param name="movie" value="button5.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button5.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="FAQS">
      <param name="movie" value="button7.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button7.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="TERMS &amp; CONDITIONS">
      <param name="movie" value="button8.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900">
      <embed src="button8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#FF9900"></embed>
    </object>
  </p>
  <p>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="105" height="23" title="ORGANIZERS">
      <param name="movie" value="button9.swf">
      <param name="quality" value="high">
      <param name="bgcolor" value="#FF9900"><param name="SCALE" value="exactfit">
      <embed src="button9.swf" width="105" height="23" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FF9900" scale="exactfit"></embed>
    </object>
  </p>
</div>
<div id="prize_box"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0" width="450" height="300">
  <param name="movie" value="flash_cont/preslide.swf">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
    <embed src="flash_cont/preslide.swf"
     quality="high" bgcolor="#FFFFFF" swliveconnect="true" autostart="True" loop="True"
     width="450" height="300"
     type="application/x-shockwave-flash"
     pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object></div>
<div class="clear"></div>
<div class="box_orange">
        <br>this is the content area and it happens to render well in IE(7) browser but when I try using firefox it breaks away, like there's some hidden margin. maybe i am getting it wrong somewhere. please help me locate the error .<p>Get ready to be rocked!</p>
      </div>
   </div>
</body>
</html>

and the css:
/* CSS Document */

#main_container
{
width: 750px;
height: auto;
margin: 0px auto;
padding-bottom: 25px;
background-color:#FFFF99;
color: #333;
border: 1px solid gray;
}

#top_banner   {
         width: 750px;
         height:150px;
         background-color: #003366;
         background: url(images/millionaireheader1.jpg);
         }

#banner_line   {
         width:750px;
         height:57px;
         background-color:#003366;
         background-image: url(images/banner_line.gif);
         }


#leftnav   {
         float: left;
         width: 151px;
         height: auto;
         margin: 0 auto;
         padding: 1em;
         background-color: #000;
         }

#prize_box   {
         float: right;
         width:450px;
         height:300px;
         margin-right: 40px;
         background-color: #FFFFFF;         }

.clear      {clear: both;}


.box_orange {background-color:#FF9900;
         padding: 10px;
         width: 435px;
         height: auto;
         float: right;
         text-align: justify;
         margin-right: 40px;
         font-family: "Comic Sans MS";
         font-size:13px;
         color: #330000;
         }
               
#stamp      {
         position: relative;
         left: 500px;
         }

#top h1
{
padding: 0;
margin: 0;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

I will really appreciate the tutorial/advice to solve this,  Huh Huh Huh
yawa-ti-de (f)
Re: What Is Wrong With Firefox?
« #1 on: June 22, 2008, 12:33 PM »
@poster
1) I hope you are aware that because we have no access to source.css, button1.swf, etc that there is no way we can see your images/movies without you including access to the server you are on.

2) You need to use indenting more.  This would help narrow down your errors much quicker.  It took me 5 minutes just to get that straight.

3) FF follows web standards better than IE so FF's behaviour is what should have actually happened in both browsers if IE followed web standards more closely.

4) In the future, to reduce your dependence on DIVs or "cure yourself of divitis" as XHMTL purists call it, consider using "<br class="clear" /> as opposed to "<div class="clear"></div>".  They do the same thing, just fewer key strokes and you save a byte or 2.

5) Solution:
Cut the "<div class="clear"></div>" line from where it is now and paste it right before the closing DIV tag (the one for "main_container").  That should fix it.  If not, hit us up again.


Thanks,
uspry1 (f)
Re: What Is Wrong With Firefox?
« #2 on: June 22, 2008, 10:28 PM »
Since you did not provide a link for us to view and tell you what the problem is.

Here is helpful tips at below link. I do not know what kind of version you use Flash to build prize_box.

100% height and 100% width XHTML Flash-embed website
http://blog.deconcept.com/2005/01/02/100-height-and-100-width-xhtml-flash-embed/
edetcnn (m)
Re: What Is Wrong With Firefox?
« #3 on: June 22, 2008, 10:39 PM »
Thanks uspry1. I used SWISHmax to develop the flash for prize_box.

@yawa-ti-de,
I had wanted to upload the source file but am restricted even when I zipped it. I wonder how else I can pass it across. if you don't mind, can I send it through your email addy?
Let me know if there alternative way I can send the file.
Thanks so much for ur time.
edetcnn (m)
Re: What Is Wrong With Firefox?
« #4 on: June 22, 2008, 10:49 PM »
in my untrained eye, the problem seem to be with the flash buttons in the leftnav div which I genereted with DW. In FF the buttons looks like they added some margins into the element which causes it to overflow a bit but IE render it well. What I really want to achieve is have the prize_box and leftnav end the same height.

again, knowledge shared to me is the greatest investment to mankind. I am so greatful.
yawa-ti-de (f)
Re: What Is Wrong With Firefox?
« #5 on: June 23, 2008, 04:14 AM »
@edet
I think you would still have issues with the DIV tag with the class break.  Did you try to do what I mentioned above as well?
edetcnn (m)
Re: What Is Wrong With Firefox?
« #6 on: June 24, 2008, 12:04 AM »
@yawa-ti-de
You are right, I tried it and there wasn't any difference between the <br class> and the div. I've gone through the code well but I don't seem to see where the error is. But, I tried giving a line-height rule to the <p> in between the flash buttons. It got the leftnav same height with the prize box in FF but then, become too short in IE. Am still trying an alternative way to display the source file and images. I'll try sending them to you through your email addy if you don't mind.
thanks a mill.

******************
ok. am able to upload the source file now but not so lucky with the images and buttons. Sad
source.css
* source.css (2.98 KB - downloaded )
home.swf
* home.swf (3 KB - downloaded )
hplay.swf
* hplay.swf (3.5 KB - downloaded )
about.swf
* about.swf (3.1 KB - downloaded )
edetcnn (m)
Re: What Is Wrong With Firefox?
« #7 on: June 24, 2008, 12:07 AM »
more of the buttons here. I hope you're able to access it this time.
conditions.swf
* conditions.swf (3.32 KB - downloaded )
faqs.swf
* faqs.swf (2.97 KB - downloaded )
rules.swf
* rules.swf (3.14 KB - downloaded )
organizers.swf
* organizers.swf (3.63 KB - downloaded )
yawa-ti-de (f)
Re: What Is Wrong With Firefox?
« #8 on: June 24, 2008, 03:23 AM »
I think you should provide 2 screenshots - 1 for IE and 1 for FF.  Alternatively, upload the files to your server or to a free server like geocities and provide the link here.

Thanks,
edetcnn (m)
Re: What Is Wrong With Firefox?
« #9 on: June 25, 2008, 08:41 AM »
Ok, Here's a screenshot of the site in FF and IE.
You can see the problem is from the buttons in FF. But I am hoping it's a very simple error o my side.

* Firefox screeshot.JPG (81.41 KB, 1024x768 )

* Explorer shot.JPG (88.37 KB, 1024x768 )
yawa-ti-de (f)
Re: What Is Wrong With Firefox?
« #10 on: June 25, 2008, 11:54 AM »
What version of IE are you using because I just checked in FF2 and IE8 and the page is messed up only in FF2.  As I said in my 2nd or so post, you need to delete the DIV with class clear line and paste it where I told you to paste it.

By the way, if u hv done so and r still encountering the problems, then might I suggest that you dump the flash buttons for regular css or image buttons?  If you are using flash so as to achieve some kind of catchy animation, CSS and images can b made to do same via CSS commands and javascript rollovers respectively.
OmniPotens
Re: What Is Wrong With Firefox?
« #11 on: June 26, 2008, 08:13 AM »
Just as yawa has rightly pointed out, css command and javascripts can do just what is similar to the effect your flash would do for you. Instead of being put to a stop by one or two coding or design errors which have substitutes to getting done, use their alternatives. Guess what, "Don't Believe You Are Stoppable" so start using your alternatives later you can find the solution to this little task.
Wink
edetcnn (m)
Re: What Is Wrong With Firefox?
« #12 on: June 27, 2008, 01:18 AM »
 instead of being put to a stop by one or two coding or design errors which have substitutes to getting done, use their alternatives. Guess what, "Don't Believe You Are Stoppable" so start using your alternatives later you can find the solution to this little task.

@OmniPotens,
Today, very sad and depressed, I was determined to abandone the site design but then I just read your post and the reality of Adidas advert came to me - "impossible is nothing", and I was like sure thing, I can do this just that I haven't gotten something right.

Am so touched by kind-hearted people like you and yawa(I really wish I'D get to know her more).
Anyways, like I said, I just graduated from the kindergarten of HTML to CSS and trying my hand in JS will be more of a suicidal mission Grin so I was ready to stick with my level, for now.

I just want to say that, I kept tweaking the css and somehow, the error disappeared (or not glaring now) Smiley Am ready to move on to the next level and after this am going into JS.

I want to thank y'all once again and when the site goes live, you guys are going to be aknowledged as the forces that helped kept me going. I am grateful and I thank God for everything.
PEACE!
NB:I am still going to bring my little headache when I get stuck Wink
 Lets Talk  Adsense Money Machine -- For Webmasters & Site Admin Only.  Free Web 2.0 Icons And Buttons  Page 2
Pages: (1) Go Up Send Topic to Friend by E-mail Reply 
Google
 
Web www.nairaland.com
Sections: TV/Movies (2) Music/Radio (2) Celebrities Job Talk Jobs/Vacancies (2) Career Talk Romance Books Politics Sports Fashion Travel
Health Schooling Religion General(2) Business Webmaster Programming Computers Phones Cars & Trucks

Links: Page1 Page2 Page3 Page4 Page5 Page6 Page7 Page8 Page9 Page10

Nairaland is owned by Oluwaseun Osewa
Nairaland Forum | Powered by SMF 1.0.12.
© 2001-2005, Lewis Media. All Rights Reserved.