Welcome, Guest.
Please login or register.

Welcome to the E-Blah Community!
We would like to welcome you to our community and invite you to register an account or login.
Being a registered member is important, as it gives you several advantages over the normal Guest status. After registering you will be able to download files and images, post messages, and access member-only portions of the forum - just to name a few. Registration is quick and simple, and only takes about a minute of your time.

E-Blah Community  ›  Technical Support  ›  Forum Support  ›  IE and FF difference...
Users Browsing Forum
Googlebot and 2 Guests

IE and FF difference...  This thread currently has 369 views. Print
1 Pages 1 Recommend Thread
iCONICA
July 4, 2008, 8:28pm Report to Moderator Report to Moderator

Forum Moderation
Posts: 820
Gender: Male
Posts Per Day: 2.32
Reputation: 97.22%
Reputation Score: +35 / -1
Time Online: 11 days 15 hours 31 minutes
Location: Manchester UK
Hi, I've got a problem where my menu is central (as it should be) in Internet explorer but not in Firefox...

I can provide code snippets if that would help!

Screenshots are below!

Remember the central one is the Internet explorer...



This post contains attachments; to download them you must login.




The Best Free Online Technical Support Community! (Click Here)
i-CONICA's Reputation: Increase
Visit the "Transparent Glass" Tech Support Forum.
Logged Offline
Site Site Private Message Private message Windows Live Messenger WLM
Martin
July 5, 2008, 1:09am Report to Moderator Report to Moderator

I love E-Blah
10 Series Support Team
Posts: 4,572
Gender: Male
Posts Per Day: 3.07
Reputation: 98.60%
Reputation Score: +212 / -3
Time Online: 35 days 21 hours 14 minutes
Location: UK
Age: 50
Wrap the menubar in another DIV - in template.html look for:

Code
<div id="menu-container">
		<table cellpadding="0" cellspacing="0"><tr><td><blah v="$menubar"></td></tr></table>
	</div>

Change to:

Code
<div id="menu-container">
    <div align="center">
		<table cellpadding="0" cellspacing="0"><tr><td><blah v="$menubar"></td></tr></table>
	</div>
    </div>


It's a quirk in FF



Martin's Reputation: Increase
Logged Offline
Site Site Private Message Private message Reply: 1 - 5
iCONICA
July 5, 2008, 5:11am Report to Moderator Report to Moderator

Forum Moderation
Posts: 820
Gender: Male
Posts Per Day: 2.32
Reputation: 97.22%
Reputation Score: +35 / -1
Time Online: 11 days 15 hours 31 minutes
Location: Manchester UK
Haha worked a charm...

I'm sure i tried that, but with text-align="center" rather than simply align="center"...

But i might have just put the style attribute on the menu-container div...

Thanks though!



The Best Free Online Technical Support Community! (Click Here)
i-CONICA's Reputation: Increase
Visit the "Transparent Glass" Tech Support Forum.
Logged Offline
Site Site Private Message Private message Windows Live Messenger WLM Reply: 2 - 5
redeemedsheep
July 5, 2008, 2:21pm Report to Moderator Report to Moderator

E-Blah Member
Posts: 67
Gender: Female
Posts Per Day: 0.32
Reputation: 100.00%
Reputation Score: +1 / -0
Time Online: 1 days 2 hours 9 minutes
Location: Iowa
Thanks from me, too. That pice of information fixed the menu appearance for my FF users.  


Amy, a redeemed sheep
Logged Offline
Site Site Private Message Private message Reply: 3 - 5
vol7ron
November 14, 2008, 8:45am Report to Moderator Report to Moderator
E-Blah Member
Posts: 106
Gender: Male
Posts Per Day: 0.39
Reputation: 100.00%
Reputation Score: +9 / -0
Time Online: 1 days 58 minutes
Location: Washington DC
Age: 25
I don't mean to be rude, but the align="center" is deprecated.  You should not use that anymore.

Firefox is working as it should, instead of having another DIV, in your table you should add:

style="width:auto; margin: 0 auto;"


This sets a 0 margin to the top and bottom of the table, but makes the browser determine the width of the left and right equally.  It is the W3C recommendation that Firefox and IE should follow.  The problem is if you only do that, IE won't work.  The answer, add the following to the parent element (menu-container)

style="text-align:center;"

Actually, I'm not sure which one to add it, either the parent, or the element you want to move, I think it's the parent because the text-align centers everything inside the block.  In either case, put it in both, remove one and test, or just leave them both in.


Code
   <div id="menu-container" style="text-align:center;">
      <table cellpadding="0" cellspacing="0" style="width:auto;margin:0 auto;text-align:center;">
         <tr>
            <td><blah v="$menubar"></td>
         </tr>
      </table>
   </div>



Hope this helps



Increase vol7ron's Rating
Logged Offline
Private Message Private message Reply: 4 - 5
iCONICA
November 14, 2008, 10:15am Report to Moderator Report to Moderator

Forum Moderation
Posts: 820
Gender: Male
Posts Per Day: 2.32
Reputation: 97.22%
Reputation Score: +35 / -1
Time Online: 11 days 15 hours 31 minutes
Location: Manchester UK
That was a long long time ago, I've moved wayy on from there, But your right about the deprecation..

I'm sure others will find that useful so nice one!  



The Best Free Online Technical Support Community! (Click Here)
i-CONICA's Reputation: Increase
Visit the "Transparent Glass" Tech Support Forum.
Logged Offline
Site Site Private Message Private message Windows Live Messenger WLM Reply: 5 - 5
1 Pages 1 Recommend Thread
Print

E-Blah Community  ›  Technical Support  ›  Forum Support  ›  IE and FF difference...

Thread Tags
ie,  ff,  browser
View Tag Cloud

© 2001-2008 E-Blah
About Us - Contact