Difference between FF and IE
esadot - October 6, 2007 - 03:44
| Project: | Yahoo YUI |
| Version: | 5.x-1.4-5 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | drupalhizmetleri |
| Status: | closed |
Description
Appreciate help here.
Fresh install of drupal 5.2 + yui module. Have embed following code in garland/page.tpl.php.
<?php
<div class="breadcrumb">
if (module_hook('yuimenu','menu') && ("tns" == variable_get('yuimenu_type','tns') || "tnm"==variable_get('yuimenu_type','tns')) ){
print html_menu(variable_get('yuimenu_root','1') );
}
</div>
?>In Internet Explorer the menu bar has a "tail", whereas in FireFox the bar ends immediately after the last menu item - where it should be (no "tail").
Please see attached.
| Attachment | Size |
|---|---|
| IE_0.jpg | 139.85 KB |
#1
please find the firefox attached
#2
Please download 1.4-5 and change the "position: relative" to "position: absolute". This should solve your problem. I am not sure but also you can remove the class="breadcrump" and give the top and right values directly in style.
<?php<div style="position: relative; z-index: 100;" class="breadcrumb">
if (module_hook('yuimenu','menu') && ("tns" == variable_get('yuimenu_type','tns') || "tnm"==variable_get('yuimenu_type','tns')) ){
print html_menu(variable_get('yuimenu_root','1') );
}
</div>
?>
#3
Hi esadot,
How did you get your menu to display like in your jpg? I tried it and it shows either above or below.
Thank You
#4
Thanks bakyildiz for your prompt reply, however I'm afraid I couldn't pull it off.
I upgrade to 5.x-1.4-5, and follow your code. No good :( In addition I played with position: relative vs. absolute, inline and in the breadcrumb class. No good :( Have tried to play with other parameters, without real success.
Any idea would be appreciated. Whatever you've got, just throw it in and I'd be happy to test it.
Thanks in advance,
#5
H3rnand3z,
I've took advantage of the breadcrumb class. Attached please find garland page.tpl.php.
Regards,
#6
Very nice.
Actually i am not a html/css people. So may be i have to find support about the html/css site to have more powerful menu.
#7
Thanks bakyildiz. Please keep us posted on any findings you may have.
I test it a bit more. I set two menus: yui block into header, and yui at breadcrumb (edit page.tpl.php). Have played with "Menu Display type", and:
a. "website top nav with submenus from javascript" and "website top nav with submenus built from markup" share the same behavior:
- IE header menu has a tail.
- FF header menu has a tail.
- IE breadcrumb menu has a trail.
- FF breadcrumb menu doesn't have a trail.
b. "website left nav top nav with submenus from javascript"
- IE header menu has no tail.
- FF header menu has no tail.
- IE breadcrumb menu - disappear/no-menu.
- FF breadcrumb menu - disappear/no-menu.
Regards,
#8