html - What changed in firefox 3.6 to make <ul>'s render differently? -

-

edit (solution detected)

Thanks everyone for the help. The problem was an error in CSS that was being included (this is a large project with a large composite CSS file, which can be difficult). This problem line was: 

  Background: transparent url (sf-pager.gif ') repeat-x scroll down;

See missing apostry IE 6, IE7, and Firefox 3.5 ignore this line and there is no problem with the remaining CSS files. Firefox 3.6 and Google Chrome refuse to include the error and the remaining composite css file on this line.

I am developing a webapp for IE 6 (unfortunately), but I am also using Firefox and Chrome together. I've seen a strange problem, where my ul lists in Chrome did not render properly, they were working fine in IE 6 / IE 7 and Firefox 3.5, but after upgrading to Firefox 3.6 it now looks like a chrome . Here's what this menu looks like (IE 6 / Firefox 3.5):

And here it is that looks in Chrome and Firefox 3.6:

The code looks almost like this: 

  & lt; Ul id = "navMain" & gt; & Lt; Li class = "navinal link" & gt; Top header & lt; / Li & gt; & Lt; Li class = "navMainLink" & gt; Top header with 2 dropdowns & lt; Div class = "navpop-wrapper" style = "display: none;" & Gt; & Lt; Div class = "navpop" & gt; & Lt; Div class = "navpop-header" & gt; A header in the popup & lt; / Div & gt; & Lt; Div class = "navpop-body" & gt; & Lt; Ul & gt; & Lt; Li & gt; One item & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ul & gt; On some jquery:  
  $ ('# navMain li.navMainLink'). Hover (function ($ ('div.navpop-wrapper', this). CSS ('display', '');}, function () {$ ('div.navpop-wrapper', this) .css 'Display', 'none');}); $ ('#NavMain .navpop-wrapper') Bgiframe ();  
 
 And here's the CSS: 
 
  #navMain {float: right; Height: 2.5 m Padding-bottom: .4em; Width: 420px; List style: none; Margin: 0; } .navpop-wrapper {display: block; Status: Completed; Width: 276px; Z-index: 10000; Padding: 2px 2px 2px 2px; } .navpop {background: white; Margin: 0; Display: inline-block; Width: 100%; Cushion Top: 6px; Padding-down: 3px; } .navpop-header {height: 19px; Margin: 4px; Clean both; } .navpop-body {clear: both; } .navpop-body div {width: 50%; Swim left; Display: inline-block; } .navpop-body ul {list-style-type: square; Margin: 0 6px 3px 0px; }. Navpop-body ul li {font-size: 11px; font-weight: bold; Art color; Cursor: indicator; Padding: 0; Margin-left: 24px; } #navMain li.navMainLink {float: left; Border: 1px solid # C8D7E1; }  
 
 What has changed from Firefox 3.5 to 3.6? Clearly 3.6 is now working as a chrome.

This is not being applied to several sections or full stylesheets, can you use firebug Are your styles really applicable? The problem may be that for one reason a stylesheet is not loading in FF3.6 / Chrome.

For all else, I think you need to show more code, or provide direct links.


Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more