Why IE can't read the CSS Stylesheet? - html

I have some page: http://kaduli.com.br/index_pop.asp and works fine on Chrome, and Firefox. (the form wont work)
PS: The form is incomplete! Its not my problem.
But on IE the page don't load inside the lightbox.
If we open the page out of lightbox, the page load the css, but if you press F12 for the developer tools on IE, you cant find the CSS!
The page inside the lightbox is: http://www.kaduli.com.br/home_box.html
As you can see, the "font" is not the same at Chrome and Firefox.
What is wrong with the page?

Try the iframe mode instead of inline HTML mode if you're showing a complete HTML file with its own CSS styles in the lightbox.
So browsing the Lightbox Evolution examples, that would be ?lightbox[iframe]=true&lightbox[width]=706&lightbox[height]=335.

Related

Form input's are not showing in Firefox browser?

I designing the UI for web site and i created the login and signup page. this page i can clearly see all input's in chrome browser as i design but in Firefox browser can't see that input's, It's showing like blank form. I can't understand what's that issues please advice me or give a solution how to fixed this issues? I'll upload my images for reference..
This is Chrome Browser
This is for Firefox browser

How to view HTML and css in IE10 debugger?

Can anyone tell me how to see the HTML/CSS source of DOM objects in Internet Explorer 10?
I want to inspect a button element on a web page debugger.
I used to click the arrow on debugger (left corner of IE debugger) and then click on button. Yet the debugger panel only shows the root tag of the web page and not the HTML/CSS of the button.
This techniques works in IE8 and IE9 on Windows 7 but not in IE10.
Can anyone suggest me any other debugger or any other solution on how to get this working?
I am using the default IE debugger.

Page main content not showing up on Chrome until after clicking on the inspect elements

The page content in #main area is not showing up only on Chrome browser. But I can see the code is there when I view the page source. And when I click on the "inspect elements" or by clicking on any CSS style on the "inspect elements" popup, the content can just appear suddenly. Here is the page URL you can take a look on Chrome browser,
http://ssf-qa.uchicago.edu/Home.html
The version of the Chrome I'm using is,
Version 33.0.1750.146 m
And we have custom fonts on the page.
Thanks a lot!
I've seen this recently with Modernizr, which I see you have running on there too. If you remove the reference to modernizr it works right away! I think we just have to wait for a bug fix.

Bootstrap 2.3.2 popover style not working on IE 11 (and older)

I'm creating a simple bootstrap 2.3.2 popover on my page and it works perfectly on Chrome and Firefox, but when it comes to IE, the popover style is not showed correctly:
IE screenshot
Here is my code:
(ver detalle)
<div id="popoverContent" class="hide">
<p>110001</p>
</div>
Javascript:
$("#pop").popover({
content: $('#popoverContent').html(),
title: "Detalle"
});
The problem was that internet explorer was running the page in compatibility view mode wich was enabled by default for intranet websites. I solved it by pressing Alt key to show the menu bar and going to Tools>Compatibility View Settings, and unchecking the "Display intranet sites in compatibility view."
You had a pretty simple fix, but if you are using a popover and filling in the title you should be sure that you are not emptying it back out. I know we are using bs tooltips, and I used the popover for some d3.js stuff. Well in Chrome I was getting a popover and tooltip, so I emptied the attribute "title" out. That caused IE to freeze on hover. So I had to check if it was IE and not remove the title. It is a mess, but if someone else is having this issue you are not going to see this one coming.

External css link not working in IE website page

I seem to be having an interesting problem linking my css stylesheet. Everything is working perfectly fine on my website css wise for every page on chrome, firefox, and anything else. But for some reason, 1 page in IE is displaying weird. Im using the same stylesheet for almost every page on the website but yet its not working on 1 page on IE.
Check it out for your self on IE. Heres the home page that works fine http://www.sentinelgaming.net
Then on the forums page it messes up. http://www.sentinelgaming.net/forums
Again, im using the same stylesheet on the home page as the forums. But one page displays differently.
Thanks for any help.
It looks like the forums page is failing to load this css file:
http://files.enjin.com/202624/general%20files/navbar%20css.css
It might be due to the fact that on line 740 there are second DOCTYPE, html, head, and body tags. You should delete all that and move the css file link to the proper head tag at the top of the page.
This should hopefully fix your issue.