Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,152,456 members, 7,816,057 topics. Date: Friday, 03 May 2024 at 01:28 AM

What Is Wrong With Firefox? - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / What Is Wrong With Firefox? (1078 Views)

Download Mozilla Firefox For Java Phone Here!!! / Configure Proxy Settings In Mozilla Firefox / What Is Wrong With Yahoo Mail? (2) (3) (4)

(1) (Reply) (Go Down)

What Is Wrong With Firefox? by edetcnn(m): 1:12am On Jun 22, 2008
Hi good people,
Please, am still battling this lil 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 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,
Re: What Is Wrong With Firefox? by yawatide(f): 12:33pm On Jun 22, 2008
@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"wink. That should fix it. If not, hit us up again.


Thanks,
Re: What Is Wrong With Firefox? by uspry1(f): 10:28pm On Jun 22, 2008
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/
Re: What Is Wrong With Firefox? by edetcnn(m): 10:39pm On Jun 22, 2008
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.
Re: What Is Wrong With Firefox? by edetcnn(m): 10:49pm On Jun 22, 2008
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.
Re: What Is Wrong With Firefox? by yawatide(f): 4:14am On Jun 23, 2008
@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?
Re: What Is Wrong With Firefox? by edetcnn(m): 12:04am On Jun 24, 2008
@yawa-ti-de
You are right, I tried it and there wasn't any difference btw 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

Re: What Is Wrong With Firefox? by edetcnn(m): 12:07am On Jun 24, 2008
more of the buttons here. I hope you're able to access it this time.

Re: What Is Wrong With Firefox? by yawatide(f): 3:23am On Jun 24, 2008
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,
Re: What Is Wrong With Firefox? by edetcnn(m): 8:41am On Jun 25, 2008
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.

Re: What Is Wrong With Firefox? by yawatide(f): 11:54am On Jun 25, 2008
What version of IE are you using cos 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.
Re: What Is Wrong With Firefox? by OmniPotens(m): 8:13am On Jun 26, 2008
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
Re: What Is Wrong With Firefox? by edetcnn(m): 1:18am On Jun 27, 2008
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 wanna 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 wanna thank y'all once again and when the site goes live, you guys are gonna be aknowledged as the forces that helped kept me going. I am grateful and I thank God for everything.
PEACE!
NB:[size=5pt]I am still gonna bring my little headache when I get stuck wink[/size]

(1) (Reply)

Anyone Ever Hosted With Www.syskay.com / Nigeria’s Lagbook Twins Bounce Back | As MTV Hires Them To Redesign Tagworld / Download Free Premium SEO Responsive Blogger Template

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 62
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.