Problem of div in IE but Chrome navigation bar is perfect

CS6 image Div Rollover navigation bar becomes crushed in Internet Explorer (IE10 - standards):

Image 1.png

but it is perfect in Chrome:

Image 2.png

HTML code is:

Image 3.png

How can I fix it?

Looks like the same problem, I got with IE, I fixed it by adding the code to my CSS below: (internet explore adds borders around things and you tell her to not do)

}

an img {border: none ;}}

Tags: Dreamweaver

Similar Questions

  • Muse adds navigation bar automatically the height

    Hello

    I'm a newbie to Adobe Muse and I'm currently learning how to configure and customize navigation bars. I built a navigation bar that looks like I want it in Muse, but when I saw in Chrome, a horizontal bar is added to bottom, ruin my symmetry and give me a headache.

    I would appreciate it if you could tell me why this is happening, and how do I remove the lower bar so that my Menu navigation bar is perfectly symmetrical on the vertical axis. Thank you!

    I enclose photos of Muse and Chrome. The mysterious bar is marked in red.

    MUSE:
    adobe 1.JPG

    CHROME:

    adobe 2.JPG

    Your font is a system font, which must be converted into an image to be seen on every visitor's machine. This can be seen by the small icon next to each entry in the menu.

    Replace this font by a standard policy or a web font, then maybe the problem disappeared. (The problem may be caused by converting fonts into images, which to scale proportionally when the browser window is / becomes smaller or larger.)

    If this is not the case, let us know!

  • Since the last update, the navigation bar does not work

    Firefox opens now in 18 seconds instead of 10 minutes, but the navigation bar is 'dead '. I can type an address, but I can't go there.

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

    Another possible cause is a problem with the places.sqlite file that stores the bookmarks and history.

  • & APP_USER as navigation bar entry

    Hello

    I would like to have an entry on navigation bar that displays the user name and links to a page where the user can run admin based on their account (name of the update, change password, etc.).

    No problem adding a new entry and have a link to a new page... but I can't get the value of & APP_USER to display the user name.

    Do not use an icon, I have specified the 'icon Subtext"be & APP_USER into believing that this would result in the real user name... but my navigation bar now displays the literal text '& APP_USER'

    Can someone point me in the right direction to get the user name to display?

    Thank you

    Joseph

    Hello Joseph,.

    Try with & APP_USER. (so, WITH the point at the end). That might help...

    Greetings,
    Roel

    http://roelhartman.blogspot.com/
    http://www.bloggingaboutoracle.org/
    http://www.Logica.com/

    You can assign this answer to your question in marking it as useful or Correct ;-)

  • I have problems with the sensitive function by using bootstrap? My navigation bar is elegantly expansion and contraction, but my image of lead left at some point and the navigation bar extends beyond? Is there an optimal size should I use?

    And here's the code? Am new to this so we have recently upgraded to this version of the Creative Suite? Really like the design and functionality, but can't seem to get my header image at the top to fill the screens? It's using the latest Mac version.

    <! DOCTYPE html >

    < html lang = "en" >

    < head >

    < meta charset = "UTF-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    < title > wastewater education 501 c 3 < /title >

    <!-"bootstrap"->

    < link href = "css/bootstrap.css" rel = "stylesheet" > "

    < style type = "text/css" >

    .the {}

    Width: 100%;

    position: relative;

    }

    . Right {}

    }

    < / style >

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body >

    < div class = "container-fluid" >

    "< img src="images/2015/2015header.jpg "class ="img-reagent"alt =" WasteWaterEducation.org logo ">

    < nav class = "navbar, navbar-reverse" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#inverseNavbar1" > < span class = 'sr-only' > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < a class = 'bar of navigation-brand' href = "index.html" > home < /a > < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" id = "inverseNavbar1" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "whatsnew.html" > What's New! ' " < span class = "sr only" > (ongoing) </span > < /a > < /li >

    < class li = "active" > < a href = "boardlist.html" > about us < span class = "sr only" > (ongoing) </span > < /a > < /li > "

    < class li = "active" > < a href = "search.html" > this Site Search < span class = 'sr-only' > (ongoing) </span > < /a > < /li >

    < /ul >

    < ul class = "navbar-nav, navbar-right nav" >

    < li > < a href = "newsletter.html" > subscribe to updates < /a > < /li > "

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    Because the image is 1000 x 364, it will extend not to a larger size unless you give the instruction to do so.

    The best way is to assign the image to a width of 100% and make sure the extra size has not negatively affected the quality of the image.

  • Google chrome on windows 7, works very well, went back 2 pages and inop w / message "404 not found". LILY had a problem solved, but chrome is the same!

    works fine on google chrome on windows 7 w / everything.  I returned 2 pages and it went inop w / "404 not found" error message.  Turned to the serv dsl provider ATT had prob and it is resolved, but chrome is still inop w / 404 message. Other internet access works fine now, chrome is out of sorts.  Chrome works on other devices on the same wiFi hub, but they were not in use @ down time. ?????

    Hello Mike,.

    Welcome to the Microsoft community.

    Given that the issue is specific to Google Chrome, I suggest to uninstall and reinstall and check if it helps.

    Uninstall or change a program

    Download Chrome:

    https://www.Google.com/chrome/browser/index.html

    Hope this information helps.

  • navigation bar contains buttons of social site that are supposed to show the icons, but display only text

    I have been using firefox as my main development for a new Web page. I use WordPress 3.4.2 and custom theme called thesis 1.8.5.

    The main navigation bar contains 8 buttons; 1 on my blog which is the home page and the other 7 to static pages. These buttons all justify left. The right end of the bar contains buttons for Twitter, Google, Facebook, and Feedburner. Are (or were) related to images; These buttons are justified to the right.

    Here's the code that does this work:

    http://DIYthemes.com/thesis/RTFM/replace-WP-menu-text-links-image-sprites/

    They worked fine until yesterday when I made some design changes to the space between the left button. Now, rather than display icons, the underlying text shows on the buttons right justified.

    Now, here's what's interesting. I also have Safari and Chrome on my system. The icons show both of theirs.

    I can't find any explanation or patches for this problem.

    I'll give you the URL of the site, but it is in Maintenance mode so will not show the problem.

    Thanks for your help.

    These screenshots of the nav firefox, chrome and safari bars could help.

  • Problem with IE box put white behind the spry navigation bar

    IE is also distort menu nav bar boxes in a different random order as well as to a white box behind the spry navigation bar.

    All works fine in Chrome, Safari, and Firefox.

    Does anyone know how to solve these problems?

    The site is http://www.phonicsfaster.com

    I would really appreciate help.

    Thank you

    FM

    Do you want to say just do a div boxes style line as I want them to look in a row? What method would you use to make the color change and also enable it to have a direct link? In DW I usually use image swap behavior for a change on mouse over.

  • Toolbar - address bar: I can shorten? I've moved all the stuff of navigation bar in the menu bar (to save space), but I need to shorten the address bar, so it does not cover the Wolf/Moon icon. How can I do this?

    I just started using firefox (yesterday). I moved stuff navigation bar on the menu bar to make room for gameing toolbars, I want to add. Problem, the location bar covers, which is now part of the Wolf/moon picture that I would like to know. Can I set the length of the address bar not decide on his nose?

    today is... I'm exploring firefox... well! can do most of what I need to.

    Hello Cassandra.

    I'm not sure that I understand very well what is your problem, but have you tried to add the spaces of the view > toolbars > customize... screen?

    I hope that makes sense and it helps you to solve the problem.

  • Navigation bar works when I download via filezilla, but when I do it via FTP Muse, is not

    Hello world

    I had problems with this site for some time www.ngcri.org. Whenever I'm trying to download the site via FTP Muse so that my client can use editing in the browser does not have the navigation bar, and you get this error when you click on a link. When I download via FileZilla through a new folder empty it works correctly, but they can use editing in the browser. What should I do?

    P.S. We also have problems by changing banners in the IN-Browser editing. Thank you

    Hello Ariel,.

    I went the codes of your site, I see that you added a third party widget or a HTML code in the design

    I would suggest that you try to remove all the third-party widget or code and try to publish from Muse under FTP upload process.

    Note: In the edition of browser only works if the design is downloaded using Adobe Muse.

    If you still encounter the issue, I suggest get you in touch with the help/support the browser edition.

    Go to https://inbrowserediting.adobe.com/ and click on «FAQ & help»

    Click on "Always need help" (last option at the bottom of the content of the page) and fill out the form for the question.

    Thank you

    Prabhakar Kumar

  • Problems with the horizontal navigation bar Spry in IE

    Considering that the page is perfect (at least all I like) implemented in all other browsers, IE converts the spry horizontal navigation bar in vertical position. Not very practical, and I spent day (really) try to find a solution. Even contacted Microsoft here in Norway, but they are their usual me useful (i.e. not very).

    A solution is of course to use a flash homepage and tell visitors to get a decent browser (as in NOT IE), but that might be a little off.

    Would be best to find a way around the problem.

    The page is here: http://www.writeone.net/Futaba/newFutaba.html

    Any suggestions or solutions?

    See you soon,.

    James

    Spry menus have integrated many hacks for IE.  When you make radical changes of styles of Spry menus without understanding what it does, it is inevitable that something will break somewhere in the chain.

    Please read these links:

    Menus Spry 10 commandments

    http://www.dwcourse.com/Dreamweaver/ten-commandments-Spry-menubars.php

    Fixing of the Menus Spry 1.6.1

    http://www.Projectseven.com/testing/Adobe-bugs/Spry-menus/

    Nancy O.

  • problem of div tag

    Hello

    I create a website.i seem to have a little trouble with the div tag... I have think.the the navigation bar and the main content seem to overlap each other.any ideas? appreciated all the help ID.

    Thank you.

    < body >
    < div id = "header" > heading < / div >
    < div id = "nav" >

    < ul id = "Five-year Plan" >
    < li > < a href = "html/Index.html" > home < /a > < /li >
    < li > < a href = "html/Conventional.html" > < /a > < /li > conventional encryption ""
    < li > < a href = "#" > < /a > public key encryption
    < ul >
    < li > < a href = "html/PublicKey - Confidentiality.html" > PublicKey-privacy < /a > < /li >
    < li > < a href = "html/PublicKey - Authentication.html" > authentication by public key < /a > < /li >
    < li > < a href = "html/Public Key-privacy and Authentication.html" > Public Key-privacy and authentication < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a href = "#" > < /a > MAC encryption
    < ul >
    < li > < a href = "#" > MAC - authentication of Message < /a > < /li >
    < li > < a href = "#" > authentication and Message confidentiality (Plaintext) < /a > < /li >
    < li > < a href = "#" > authentication of Message and Confidentiality (Ciphertext) < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > encryption HASH < /a >
    < ul >
    < li > < a href = "#" > encryption after concatenation < /a > < /li >
    < li > < a href = "#" > encryption before concatenation < /a > < /li >
    < li > < a href = "#" > authentication < /a > < /li >
    < li > < a href = "#" > authentication and privacy < /a > < /li >
    < li > < a href = "#" > secret value < /a > < /li >
    < li > < a href = "#" > secret value and encryption < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > Self Test < /a > < /li >
    < /ul >

    < / div >

    < div id = "main_content" >
    < p > < / p >
    < p > This is the homepage for the authentication of Message and Signatures.This digital page will explain these elements funamental base. < /p >
    < p > < / p >

    Strong authentication > < p > < < facilities >: < /p >
    < p > < a name = "#Authtentication" > < / a >
    The authentication service is concerned to ensure that communication is authentic. Authentication acts as a warning or an alarm signal. The function of the authentication service is to ensure the recipient that it message comes from the source that she come. < /p >
    < p > < / p >
    < p > < strong > privacy < facilities >: < /p >
    < p > < a name = "Confidenitiality" > < / a >
    Confidentiality is the protection of data transmitted against passive attacks. This is so that the message cannot be read by anyboby except for the intended recipient.
    < /p >
    < p > < / p >
    Strong public key > < p > < <: facilities > < / p >
    < p > < a name = "Public key" > < / a >
    < /p >
    Strong digital signature > < p > < <: facilities >
    < p > < a name = "Digital Signature" > < /a > < /p >
    < /p >
    < p > < strong integrity >: < facilities >
    < p > < a name = "Integrity" > < /a > < /p >

    Strong MAC function > < p > < <: facilities > < / p >
    < p > < a name = "MAC" > < /a > < /p >
    < p > A MAC (Message Authentication Code) is a block of small fixed size of data that are added to the message. The technique involves Hat connecting two parties say (Source A and B) share a key (k) common secret. When A sends it a message to B, it calculates the MAC based on the message and the key. The recipient performs the same calculation on the received message using the same key, to generate a new Mac. The MAC has received and the computed MAC are then compared. If the received MAC corresponds to the computed MAC, the message is supposed to be authentic. < /p >
    < /p >
    < / div >
    < div id = "footer" >
    < p >
    Footer - all about the designer and contact links go here
    < /p >
    < / div >
    < / body >
    < / html >

    You have an additional} (support) after your 'head' css selector that prevents the css cascade (see below). Remove it and see if the problem goes away.

    #header {}
    text-align: center;
    Width: 1270px;
    #width: 1022px;
    height: 100px;
    font-size: 2.0em;
    background-color: white;
    color: white;
    padding-top: 0px;
    padding-right: 0px;
    border-bottom: 1px solid black;
    }
    }

  • CSS IE problem and navigation bar question

    Hello

    I have 2 questions:

    Is there a way to make all the elements of a horizontal navigation bar the same size, no matter the size of the word? I think I can use a background image, but perhaps someoneknows otherwise...

    and the problem with IE is that im setting the style of bottom border of a thing as dotted and thin but looks like "BOLD" or something on IE and normal in firefox, anyone knows how to fix this?

    Thank you

    Yes - you are missing the float: left... 8)

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.dreamweavermx-templates.com - template Triage!
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
    ==================

    "mfv84" wrote in message
    News:ee1vtp$EUD$1@forums. Macromedia.com...
    > I solved the problem of IE by setting the width of the border to "1px" instead of
    > 'thin' and I tried the "display: block;" thing, but he ordered the
    > navigation bar vertically! Maybe I'm missing something...
    >
    >

  • Hi, my asus memo pad hd 7, I have some problems whit videos, they run but Pentecost numerous scratches in image

    Hi, my asus memo pad hd 7, I have some problems whit videos, they run but Pentecost numerous scratches in the image.

    What can an i?

    the firefox is apdated.

    Thank you

    You would check Firefox Beta? https://play.Google.com/store/apps/details?ID=org.Mozilla.firefox_beta

    We have seen reports that this issue is resolved in Firefox Beta. Can you confirm?

  • My navigation bar has been accidentally closed (file, tools, refresh, and stop buttons, address bar, etc.) and now I can't get it back. I tried pressing F11 as someone suggested, but nothing happened. Please notify.

    My navigation bar has been accidentally closed (file, tools, refresh, and stop buttons, address bar, etc.) and now I can't get it back. I tried pressing F11 as someone suggested, but nothing happened. Please notify.

    Use the ALT key on the keyboard if you can't see the menu bar, then

Maybe you are looking for