Mozilla

[JayMorr]

Hi all,

Just wanted to find out the best way to make my portal page work with mozilla. I just installed mozilla to check it out and see how our page looks. Man its all messed up in the browser. Any advice anyone could give would be appreciated.


So far I didnt get any errors that I know of in Mozilla but I dont know mozilla very well. I am currently checking to see if it is my custome modules on the left side. Right now they are being stretched out across the whole page.

here is our Side address.

www.flyfishermanforum.com

Thanks

[Milorad]

wow, yes that does look odd.

it doesnt have anything to do with vbAdvanced though... my site works fine in Mozilla Firefox.

It probably has to do with the style itself.... have you tried looking with the vbulletin default style, or did you replace that?

[Our Sponsors]

[Milorad]

I just checked and it works fine with the F3 crimson and F3 Midnight styles you have installed... just not the one you've set as default.

[JayMorr]

I think I found the issue. I checked the size of the table which was set to 100%. and changed it to 135 on the Navigation and also changed the sponsors table. So far looks ok in Mozilla.

What ya think Milorad? look ok on your side also? or still out of whack?

[Our Sponsors]

[Milorad]

yep, that isnt stretched out anymore.

try changing the sponsors to 175 though, so its not a different size to everything else :)

[JayMorr]

Hmm, I just changed it to 175 on both the tables. Ya I see the smaller box in mozilla. in IE looks fine. I had to make it 190 for mozilla to show correctly but IE would be too large. Let me see if there are any other sizes I can change within that table.

[Milorad]

I dont think you should be explicitly setting sizes anyway, should you?

isnt the width of that column a vbAdvanced setting?

[JayMorr]

That one specifically is a custom module. its usually set to 100% but on other templates i.e. side columns they have set sizes.

I tried to set the TD to 175 but no change. still leaves it a bit smaller.

Any ideas?

Actually the other default templates like Buddy list and others have it set to 100%. But for some reason it Skews the tables in mozilla with the custom templates. Not sure as to why.

[Milorad]

if its not too long, can you post the template for the module here in a [code] tag?

[JayMorr]

<!-- Scrolling/Fading Links -->

<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="175">
<tr>
<td class="tcat"><span class="smallfont"><strong>$vba_options[portal_blockbullet]F3 Sponsors</strong></span>
</td>
</tr>
<tr>
<td class="$getbgrow" width="100%">

<SCRIPT src="fading.js"></SCRIPT>
<MARQUEE behavior= "scroll" align= "center" direction= "up" height="120" scrollamount= "2" scrolldelay= "15" onMouseOver="this.stop()" onMouseOut="this.start()">
<center>
<!-- Begin Links -->
<a href="http://www.williamjosephfishing.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="William Joseph" width=100 height=46></a><BR><BR>
<a href="http://www.loonoutdoors.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="Loon Outdoors" width=105 height=69></a><BR><BR>
<a href="http://www.bucksbags.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="Bucks Bags Inc" width=128 height=61></a><BR><BR>
<a href="yoursiteinfo.com"target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="yoursiteinfo.com" border=0 alt="Buzz Off Insect Repellent Clothing by ExOfficio" width=120 height=60></a><BR><BR>
<a href="http://www.FlyFishermanForum.com/index.php?page=sigpurchase" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="Flydesigns Custom Art" width=125 height=50></a><BR><BR>
<a href="http://www.FlyFishermanForum.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="F3" width=148 height=31></a><BR><BR>
<a href="http://www.FlyFishermanForum.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="F3" width=148 height=31></a><BR><BR>
<a href="http://www.FlyFishermanForum.com" target="_blank"><img onmouseover=high(this) style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout=low(this) border=0 src="http://www.yoursiteinfo.com" alt="F3" width=148 height=31></a><BR><BR>
<!-- End Links -->
</center>
</Marquee>
</td>
</tr>
</table>
<br />

<!-- End Scrolling/Fading Links -->


Ok there is the Code for the template.

[JayMorr]

Mozilla is pretty nice actually. The colors are crisp and the scrolling on the marquee items I have is non jerky. I will have to use this more.

Going to test out Netscape and Opera as well for the site to see if anything else could be wrong.

Think it could just be the size of the images?

[Milorad]

ahh I'll bet your problem has something to do with the marquee itself.

the rest is very simple and should work perfectly with 100% width.

to test, try taking out the marquee, and just putting "hello there" instead of it. Use 100% as the table width.

[Polo]

marquee's wont work with mozilla or netscape right? what about kameleon?

[JayMorr]

Ya I think you are correct. its the Marquee. but I did have it set to 175 and the size was still a bit smaller.

I changed it to 100% with just the the text and the size is fine and has no problems.

The Marquee works its just the table size that is a bit off due to it. It looks alot better then it did though :)

Thanks for all the help Milorad

[Milorad]

no probs JayMorr...

in my experience the numbers rarely mean the same thing cross-browser. Your mileage with setting fixed widths will vary. Sorry.