Responsive Design - Hide DIV in Internet Explorer

I'm building a responsive design site and have multiple Navigation Bars for each screen width.
In my CSS depending on screen size I have the navigation bar turned off or hidden display.
Doing this works fine in FireFox, but doesn't in Internet Explorer. Specifically IE8, but I would like a fix for all IE browsers.
/* THE HTML */
<nav id="tabletnav">
<div class="sixteen columns">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="designs.html">Designs</a></li>
<li><a href="process.html">Process</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
/* THE CSS */
@media only screen and (min-width: 959px) {
#tabletnav {
display:none;

Use an IE conditional comment in the <head> of your HTML document, below all other stylesheet links and embedded CSS styles.

<style type="text/css">
#tabletnav {display:none}
</style>

Alternatively, you could replace that style in the conditional comment with a link to your IE-only.css file.

<link href="path/IE-only.css" rel="stylesheet" type="text/css" media="screen">

Personally, I prefer using an IE-only.css file to cover all the IE exceptions.
Nancy O.

Similar Messages

How do I set a transparent background to a div in Internet Explorer 8?

Hello,
I'm using a jQuery slider for a simple text slideshow on a homepage. The slideshow and each slide (div) have no background. When the site is viewed in Internet Explorer 8, each slide has a white background. I'm using the following IE fallbacks which according to many sources should work...
#slideText div {
          background: rgb(0, 0, 0) transparent; /* default fallback */
          background: rgba(0, 0, 0, 0.2); /* nice browsers */
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* IE 6/7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; /* IE8 */
The div's background is affected with a 20% black background but it's still over a white background. How can I get rid of this white background?
Eventually I would like this to have no background but I'm using this 20% transparency for testing. You can view the live site here: http://www.pmi.tv.
Thank you much in advance!

Older IE browsers do not support CSS level 3 rgba colors with opacity.
MS Filters cause other undesired side effects. I don't use them.
If you must support IE8, use a semi-transparent PNG image for your background.
Opacity Example:
http://alt-web.com/Sample.html
Nancy O.

Response.TransmitFile not working with Internet Explorer 11

My website works fine with FireFox, and it worked fine with Internet Explorer too up until a few weeks ago (at least). Now, with Internet Explorer 11 (running on Windows 8 Pro 64 bit), when I click the button to download the file (a Word document),
nothing happens. In FireFox, a dialog is presented asking the user to save or open the file.
What is going on??? I have been having nothing but problems with IE11. Extremely poor performance all around.
HELP!!!!
Here is the C# code in question:
Response.TransmitFile(filename_goes_here)
Response.Flush();
HttpContext.Current.ApplicationInstance.CompleteRequest();
The three lines above are wrapped in a try/catch, and no exception is thrown.

This is a web-related question. THose are best asked in the ASP.Net forum:
http://forums.asp.net/
Let's talk about MVVM: http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/b1a8bf14-4acd-4d77-9df8-bdb95b02dbe2 Please mark post as helpfull and answers respectively.

How do I hide or eliminate Internet Explorer? It keeps repeatedly opening

Internet Explorer complicates my use of a browser, I want to block IE and not use it,
I would prefer to use something other than Vista if it is possible. (Constant updating and virus's )
What Virus program should I use?

What browser is your default browser? I notice you posted using Google Chrome (or a browser that identified itself as Google Chrome).
For advice on Vista and antivirus, consider a forum that is more general purpose than this one; we support Mozilla products.
For example: http://windowssecrets.com/forums/

Safari vs Internet Explorer

I just received an IPAD. My main purpose is to be able to access my Realtor Mls Sites for business. They are only compatable with Internet Explorer not Safari. Does anyone know of an APP that may help me.

If the web site is so badly designed as to require Internet Explorer and refuses to accept any other browser, then sorry, but there's nothing you can do other than to use IE on a Windows-based computer, and pressure the site's developers to adopt industry-standard web coding techniques rather than using vendor-proprietary methods.
Regards.

Helloo- Internet Explorer ISSUes 11 and contacted all avenues,

Hello,
I recently written that I am having a difficult time with my notebook 2000 H. I had to reset it becuase of malaware but that is fixed. the issue is with Internet explorer 11 which was installed when I bouht it. It seems to not work and I am not able to use this with my surfin the web, I m a blogger and need to look up information and etc. Please help me to get this restored. I also use google chrome. i have 8.1, tried out some of the tedcnical tools to fix it but no response.
Thank You,
Lori Enlish

Hey @lori1234 ,
Welcome to the HP Forums!
I understand you're having issues with Internet Explorer on your HP 2000 notebook.
It would help to know exactly which model you have as some 2000 series notebooks are commercial products and aren't my area of expertise. It would be hard to give exact information and the appropriate experts would be on our commercial forums. For information on finding your product and model numbers click here: How Do I Find My Model Number or Product Number?
If you could provide some more info about what isn't working that would be awesome. Is it that IE will not open at all or crashes on startup? Does it open but you are unable to browse? If you cannot browse do you get error messages? Does it only crash on certain sites, viewing certain content, or performing certain tasks? The more information the better.
I would suggest starting with this guide while we await each others responses: What to do when Internet Explorer isn't working.
Let me know if that document helps or the updated information.
Please click the "Kudos, Thumbs Up" at the bottom of this post if you want to say "Thanks" for helping!
Please click "Accept as Solution" if you feel my post solved your issue, it will help others find the solution.
The Great Deku Tree
I work on behalf of HP.

Internet Explorer 10 and div

Hello,
I asked a question recently about <div> lines added in Internet Explorer 10 and not other browsers. I received a number of helpful responses. I cannot now find my question on the list (I'm new to the forum and not sure where it went). In any event, the problem has been solved and I wanted to share the answer. Turns out that I had the "Compatibility View" button on when I was using IE10 and viewing the html pages. When I turn "Compatibility View" off, the pages now appear as they should and the same as they do in all of the other browsers. I appreciate the helpful responses I received.
Ray

By the way, here is your original post -
http://forums.adobe.com/thread/1383373?tstart=30
The nearly duplicate thread is several posts above that.

Internet Explorer cannot show "Forbidden Response"

The "Forbidden Response" can successfully show in Firefox. However, when i try in Internet Explorer, it only show 403 Forbidden.
Do any one try this problem before??

my site on anything but Safari was a disaster. After hours and hours of putting it together to use as my personal work website I was ******!!! Called Apple but that was pretty useless... hodgepodge information about how each browser is proprietary and Apple can only develop and attest for iWeb and Safari. If it only displays on Safari, I believe it is a utterly useless program. Apple suggested I learn HTML for designing a site... what? I am still learning how to use my Mac and iWeb, if I was that computer savy I may as well just stick with PC. Anyway, I went through my site and did away with a lot of "decorations" such as shadowing and fancy text styles and some picture frames... and it did make a very big improvement, still looks a little different than what I see on my MBP but acceptable none the less. iWeb is a great concept and I hope Apple really tries to get the kinks out of it... I can run Windows programs on my Mac now, why the heck can't I see my website on Explorer... for a computer geek it can't be that difficult. Chop-Chop Apple.

Internet Explorer 11 slow response on Windows 7 x64 virtual machine

I have a number of virtual machines running Windows 7 64bit on my network.
They are set up on a server running VMWare ESXi 5.1.0. Their users access them from Windows 7 desktops via Remote Desktop.
The overall performance of the Virtual Machines is fine, except when browsing the web using Internet explorer 11. (Firefox and Chrome are better, but not by much).
The user experiences uneven scrolling (looks like low FPS), delayed responses to input, new tabs take 1~2 seconds to open and closing the browser sometimes takes a few seconds after you click the 'X'. Firefox also experiences the uneven scrolling and delay
in opening new tabs, Chrome just has the uneven scrolling.
None of these issues occur when viewing the virtual machine through the VMware vSphere console.
This is a fresh install of both the operating system and browsers (installed on 2013-11-22). Everything is up-to-date and all browsers still have their default settings.
Running browser benchmark tests like Peacekeeper (http://peacekeeper.futuremark.com/) shows a notable difference in performance between browsers running natively on a desktop, through the vSphere console and through RDP.
Does anyone know what could be causing this and/or how it could be remedied?

Hi,
To speed up RDP connection, please select High Color (16 bit) under Colors, and under Experience tab, select Modem (56 Kbps).
To make IE fast, safe and stable, please attempt to run this fixit below:
http://support.microsoft.com/mats/ie_performance_and_safety
Also, you can use UI responsiveness tool to dig into what is happening in F12 developer tool in IE11.
Thanks!
Andy Altmann
TechNet Community Support

Images made into links (in divs) not working in Internet Explorer but works in Firefox. help!

Hey guys,
The text links are fine, but the image links don't work in internet explorer. Anyone know why this is happening?
Sample code:
<a href="facebook"><div class="fb"><img src="Facebook.png" /></div></a>
The link links to another HTML in my site

If you anticipate having more questions, a great self help is to validate your code, that is, test your code against the rules set for the particular DOCTYPE you are using.
http://validator.w3.org/
"you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
In this case it would have pointed out that you can't put a <div> inside an <a>.
Best wishes,
Adninjastrator

Div background color not showing in Internet Explorer 8 and before

My Footer div is not showing the background color (supposed to be black...) in Internet Explorer 8 and earlier. It's assuming the body color instead. Also the border color on top of the 'bubbles' that run across the page is wrong (supposed to be blue)    Is this just because Internet Explorer 8 and earlier did not support div background and border colors yet, or is there a work-around?? Or maybe I did something wrong?
The site is:    www.meridianwaterfiltration.com

martcol wrote:
I don't think that IE8 does rgba.
It should be OK with rgb but not rgba.
Martin
No its doesnt
I'd just use a hexidecimal color - black #000 and blue: #03f (see below)
.footer {
position: relative;
    width: 100%;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    background-image: none;
    background-repeat: repeat-x;
    margin-top: 0px;
    clear: both;
    height: 350px;
    background-color: #000;
#bubble {
    background-image: url(Images/water drop 0banner.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 43px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #03F;
    margin: 0px;
    padding: 0px;
    background-color: #3FF;

I just upgraded to Firefox 8 from Internet Explorer. Previously, I pulled up my emails from Start, Email-Microsoft Office Outlook. I get no response doing that now. How should I get my emails?

I just upgraded to Firefox 8 -- from Internet Explorer.
Previously, I pulled up my emails from Start, Email-Microsoft Office Outlook.
I get no response doing that now.
How should I get my emails?

If there are problems with importing the IE Favorites in Firefox then export the favorites in IE to an HTML file and import that file in the Firefox Bookmarks Manager.
If you do not have the menu bar in IE then right-click the toolbar at the top to enable the Menu Bar.
*Export the favorites in IE to an HTML file (bookmarks.html):<br>File > Import and Export
*Import the HTML file in Firefox:<br>Bookmarks > Show All Bookmarks > Import & Backup > Import Bookmarks from HTML
See "Import from another browser" and "Import from file":
*http://kb.mozillazine.org/Import_bookmarks

BEx Query Designer - Execute pops up blank Internet Explorer session

Hi gurus,
From BEx Query Designer, I choose Execute, and it pops up a blank Internet Explorer window rather than the query. It says about:blank in the URL and the page is white.
I read some posts that say to run RSPOR_SETUP, but I don't have a Java system or Portal system so does that still apply to me? I want the URL that pops up to point to the BW system which is an ABAP system.
E_URL_PREFIX                    http://BWSAPF00.mydomain.com:8100
E_URL_PATH                      /sap/bw/BEx
E_URL_PROTOCOL                  http
E_URL_SERVER                    BWSAPF00.mydomain.com
E_URL_PORT                      8100
E_SUBRC                         0
Warm Regards,
CM

Hi,
Please note that Java stack is mandatory for running Queries in web side
or for executing the Queries using Transaction RSRT -> Java Web or
for executing the Queries using Query Designer in Release 7.x .
So, please install Java stack and use BI Java components for running
Queries in web side here.
Also, please refer the following note for details:
917950 - SAP NetWeaver 2004s: Setting Up BEx Web
Also keep a note of the following:
Please check the following link:
http://help.sap.com/saphelp_nwpi71
/helpdata/en/45/61d5aaa0546628e10000000a1553f6/frameset.htm
"With SAP NetWeaver 7.1, the Visual Administrator (VA) is replaced by
the SAP NetWeaver Administrator, that is, all relevant functions of
the VA are available in the SAP NetWeaver Administrator.
The VA is no longer delivered as of SAP NetWeaver 7.1. "
The interface is a little bit different now, but the installation
steps still follow the same logic as SAP NetWeaver 2004s.
You can use manual steps to set up integration as per note 917950.
Also, please don´t use report RSPOR_SETUP for configuration check
between ABAP and Java for SAP NetWeaver 2004s.
The report has been replaced by the support desk tool.
Please have a look at note '937697 - Usage of
SAP NetWeaver BI Diagnostics & Support Desk Tool'
RSPOR_SETUP is obsolete in BI 7.x release and Supportdesk tool should
be used in 7.x release.
Also refer the following notes:
1512988 - Frequently Asked Questions:BI Java 7.30 SP's/patches
1512356 - Patches for NetWeaver 7.30 BI Java Support Package
1506722 - Generic Note for BI Java Patches and Support Packages
And, please note that Patch Level 0 is not supported for BI Java components as per the following note:
1789842 - Patch Level 0 for BI Java Installation
Please do look at the note 1789842 for details.
Please check the Support Desk Tool as per the note 937697 and if you find
any RED signals in the file systeminfo.txt included in the file
supportdesk.zip, please correct it as per the Solution mentioned
there and check if it helps.
Thanks & Regards,
Sapna
Message was edited by: Sapna J Gurudutt

Response.sendRedirect doesn't work with Internet Explorer

I do posts like advised here: http://www.theserverside.com/tt/articles/article.tss?l=RedirectAfterPost. GET-POST-REDIRECT-GET. Now I have a problem when do redirecting to the same page in Internet Explorer. It works good with Mozilla Firefox but not with Internet Explorer. When user click to "Enable"/"Disable" link and do submit, application makes changes on the database. Changes occurs, but redirect to the page doesn't work. When I refresh page, I see that, the changes was occurred. When I use Mozilla Firefox with same JSP, there is no need to refresh page, because, redirect works. When I change redirect URL to other, for example http://www.google.com/, redirect doesn,t work in Internet Explorer too.
Code of users.jsp JSP:
<%@ page import="az.ub.ccs.beans.User" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page errorPage="error.jsp" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:useBean id="bc" scope="page" class="az.ub.ccs.beans.BreadCrumb" />
<jsp:useBean id="user" scope="request" class="az.ub.ccs.beans.User"/>
<c:if test="${sessionScope.active == null}"><c:redirect url="login.jsp" /></c:if>
<%
   if(request.getParameter("stateAction") != null)
      int state = (request.getParameter("stateAction").equals("enable")) ? 0 : 1;
      User.changeUserState(Integer.parseInt(request.getParameter("itemID")), state);
      response.sendRedirect("users.jsp");
      //response.setStatus(HttpServletResponse.SC_SEE_OTHER);
      //response.setHeader("Location", "users.jsp");
   bc.add("Users");
%>
<jsp:include page="top.jsp" flush="true">
   <jsp:param name="breadCrumbString" value="${bc.breadCrumbsAsHTML}"/>
   <jsp:param name="pageTitle" value="Users"/>
</jsp:include>
<tr>
   <td>
      <table border="1" width="100%">
         <tr class="tableHeader">
            <td>ID</td>
            <td>Имя пользователя</td>
            <td>Логин</td>
            <td>Номер группы</td>
            <td>Название группы</td>
            <td>Email</td>
            <td>Номер</td>
            <td colspan="2">Действие</td>
         </tr>
         <c:forEach items="${user.userList}" var="user">
         <tr>
            <td align="right">"${user.userID}"</td>
            <td><c:out value="${user.userName}"/></td>
         </c:forEach>
         <tr>
            <td colspan="7"> </td>
            <td colspan="2"><a href="addEditUser.jsp">[Add new]</a></td>
         </tr>
      </table>
      <form name="stateForm" method="post" action="users.jsp">
         <input type="hidden" name="itemID"/>
         <input type="hidden" name="stateAction"/>
      </form>
   </td>
</tr>
<jsp:include page="bottom.jsp" flush="true"/>

I use HttpWatch to see request and response details. Link to the report file of HttpWatch http://tasadar8.googlepages.com/CCSHttpWatch.rar

Slow response time for radio buttons on Internet Explorer 7

Hi,
We're using ADF 11.1.1.4 on weblogic 10.3.4 on a Solaris 10 (sparc) platform. The architecture also uses OHS and Webcache 11.1.1.4.
One of our applications has a webpage that is composed of several tabs, inside each tab we have some questions with radio buttons. When a client responds all questions on the first tab it moves to the second, where the application loads the necessary questions, based on the answers provided on the first tab. Once the client finishes answering this tab it moves to the third one and so on.
The problem appears once the tabs are loaded. Each time the client clicks one of the radio buttons, Internet Explorer takes between 3 to 5 seconds to return control, and considering that a client might need to click dozens of radio buttons to complete a process, it becomes a very exhausting task. It's worth noting that the session information is persisted for each radio button, when we move between tabs all answers are kept even if we didn't saved the progress.
On the other side, if we use Google Chrome 16, we find that the webpage returns control to the user almost inmediately, when clicking the radio buttons the response time is usually at 1 second or less.
We've checked that the app server is not stressed, heap memory is nowhere near the maximum assigned and the used processor % is very low, so it does not seems to be a resource problem.
Is there any known issue with ADF 11.1.1.4 and IE7/8 that affects the browser's response time? Are there any guidelines or recommendations regarding how to make the radio button component work properly? Has anybody noticed this behavior in adf?
Thanks.

I think that the most accurate description of the problem is that the autosubmit action of the radio button takes considerably longer in IE7 than in Chrome.

Responsive Design - Hide DIV in Internet Explorer

Similar Messages

Maybe you are looking for