Ul horizontal navigation not displaying correctly in IE6

I am designing a web site for my psychology department and ideally it will display correctly across browsers, including older versions. I've used CS Live to test how it displays, and everything looks great EXCEPT IE6. What percentage of people out there are still using that? I'm not sure how concerned to be.
If there is a fix, I'd like to apply it, because the problem is with my top navigation, which will display on about 130 pages of the web site.
Here is what it is supposed to look like
Here is what it looks like in IE6
Here is my posted page:
http://www.psychology.vcu.edu/test/
Here is my code:
SOURCE CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>VCU Psychology Department</title>
<style type="text/css"></style>
<link href="styles/homepage.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
</head>
<body>
<div class="container">
<div class="header">
    <div id="quick_links"><a href="http://www.has.vcu.edu/psy/cpsd" title="Center for Psychological Services and Development" target="_blank">Clinic</a> | <a href="undergraduate/advising.html" title="Academic advising">Advising</a> | <a href="http://vcu.sona-systems.com/" title="Participation in research" target="_blank">SONA</a></div>
    <img src="images/homepage/vcu_psyc_banner.jpg" alt="VCU Psychology Department" width="500" height="60" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="19,20,125,62" href="http://www.vcu.edu" target="_blank" alt="VCU homepage" />
      <area shape="rect" coords="129,21,488,60" href="http://www.psychology.vcu.edu" alt="Psychology homepage" />
    </map>
    <ul id="main_nav">
      <li><a href="about/index.html">About Us</a></li>
      <li><a href="undergraduate/index.html">Undergraduate Program</a></li>
      <li><a href="graduate/index.html">Graduate Programs</a></li>
      <li><a href="research/index.html">Research</a></li>
      <li><a href="people/index.html">People</a></li>
      <li><a href="centers/index.html">Centers and Institutes</a></li>
      <li id="main_nav_last"><a href="resources/index.html">Resources</a></li>
    </ul>
    </div>
CSS CODE
@charset "utf-8";
body {
background-color: #000;
background-image: url(../images/backgrounds/container_yellow_gr_220.jpg);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
margin: 0px;
line-height: 1.1;
h1, h2, h3, h4, h5, h6, p {
margin: 0px;
padding: 0px;
h1 {
color: #FFA103;
font-size: 20px;
float: left;
padding-top: 10px;
padding-bottom: 7px;
a img {
border: none;
#quick_links {
position: absolute;
top: 20px;
right: 40px;
#quick_links a {
color: #000000;
text-decoration: none;
#quick_links a:hover {
text-decoration: none;
color: #FFA103;
a:link, a:visited {
color: #999999;
text-decoration: none;
a:hover, a:active, a:focus {
text-decoration: none;
color: #FFA103;
.container {
width: 960px;
background-color: #EEF0EC;
background-image: url(../images/backgrounds/container_bg.jpg);
background-repeat: repeat-x;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
.header {
position: relative;
height: 110px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
ul#main_nav {
list-style-type: none;
width: 920px;
background-color: #EAECE7;
background-image: url(../images/backgrounds/main_nav_grey_gr.jpg);
background-repeat: repeat-x;
padding: 0px;
height: 30px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#main_nav li a {
color: #000;
text-decoration: none;
display: block;
margin: 0px;
padding-right: 19px;
padding-left: 19px;
padding-top: 6px;
height: 24px;
font-weight: bold;
#main_nav_last {
width: 110px;
#main_nav li {
float: left;
#main_nav li a:hover, #main_nav li a:active, #main_nav li a:focus {
color: #FFF;
background-color: #000;
display: block;
font-weight: bold;
Thanks for any advice that you may have!

Thanks for the reply!
I did add the float left as suggested, and it did fix the menu for IE6. Here is the current page, which I hope displays correctly in every browser, including IE6, http://www.psychology.vcu.edu/test/.
The problem is that it broke one aspect of the menu for IE7 and others.
The code in blue is what was added to fix IE6.
The code in red is what no longer works. I had added it so that the width of the final list item would extend to the end of the main_nav width.
ul#main_nav {
list-style-type: none;
width: 920px;
background-color: #EAECE7;
background-image: url(../images/backgrounds/main_nav_grey_gr.jpg);
background-repeat: repeat-x;
padding: 0px;
height: 30px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#main_nav li a {
float: left;
color: #000;
text-decoration: none;
display: block;
margin: 0px;
padding-right: 19px;
padding-left: 19px;
padding-top: 6px;
height: 24px;
font-weight: bold;
#main_nav_last {
width: 110px;
#main_nav li {
float: left;
#main_nav li a:hover, #main_nav li a:active, #main_nav li a:focus {
color: #FFF;
background-color: #000;
display: block;
font-weight: bold;
If anyone has suggestions on how to optimize this code I'd be grateful. This menu will appear on 120 pages or so, and I want it to be as perfect as possible.
Thank you so much.

Similar Messages

Navigation bar not displaying correctly in IE6

Hello,
I'm having trouble getting my navigation bar to display correctly in IE6!!! I've tried using the zoom: 1 IECC for #header, #header li a etc but can't seem to get it to display in the correct place. I'm fairly new to CSS (that's probably obvious!) and have been working through a tutorial to get this far but unfortunately the design you want never quite matches the tutorial!
http://www.lewistest.webatu.com/
Any help or any other comments about my coding or design would be greatly appreciated!
Thanks,
Tracie

Oops sorry, I've used them before and forgot they did that soon after a site was set-up! My other site is hosted by them with no problem.
If you are able to see the site now the link is still http://www.lewistest.webatu.com/ ... failing that I will post source code etc tomorrow

Spry Horizontal Menu not displayed correctly in Internet Explorer 6

Hello to everyone. I'm creating a website using David's tutorial. My Spry Horizontal Menu is correctly shown in Dreamweaver Live View, Firefox10 but not in IE6. It happears at the bottom of the page. Any advise? Thanks much in advance. Cecilia

Hello Cecilia,
please have a look here: http://gs.statcounter.com/#browser_version-ww-monthly-201201-201202-bar where you can see that this browser (IE6 ) is no longer in use and might not be used anywhere anymore.
And so you should not worry about this. But if it does please send a link to your website in question.
... and what's about the newer IE?
Hans-Günter

Major Problem - some pages not displaying correctly

All,
I have a problem with some pages not displaying correctly i.e.
SE80 navigation page
F1 help
I am using XP sp2 and we have the latest version of internet explorer 7 (which I cannot uninstall as it is company policy)
SAP version is 6.4c.
I am using SAP Gui 7.10 with the latest patch 710_7.
This is making the system completely unusable for me.
I have read a few forum posts mentioning that upgrading to the latest patch version will resolve this problem, but this clearly has not worked for me.
Can someone please help, how do I actually esculate this to SAP?
<REMOVED BY MODERATOR>
thanks
Edited by: Alvaro Tejada Galindo on Apr 8, 2008 4:07 PM

what kind of useless answer was that? If you have no constructive comments to add please refrain.
I am a SAP developer in ABAP and its related to SE80 which I used to use primarily for editing code (i now have to use se38).
I often use F1 for hints on code etc to use and syntax so it does make it very difficult for me. If there is a more appropriate forum for this please direct me, instead of posting in gibberish english.
Max - I assume you have the same problem and it is also not resolved by the latest patch. I wonder is there a way this can be esculated with SAP?
Edited by: Steve Trillo on Apr 4, 2008 10:43 AM

Overlapping DIV not displaying correctly

HALP! I have overlapped a DIV on purpose, the correct DIV is displayed on top on some computers but not on others and does not display correctly in Internet Explorer at all.
My link is below. I would like to display the DIV with the flash underneath the Bat DIV.
http://batengineering.bdaonline.co.nz/
Can anyone out there help me!

I see in IE6 that transparency is not handled well at all. .pngs are dicey with IE6.
If you want to make your Flash movie lie down behind the bat image, you need to give it a wmode="opaque". Otherwise, the Flash will always come to the front.
In IE6, IE7, and IE8, your top menubar is breaking, the right hand end cap is falling to the second line. You might want to put a little ease into it somehow.
On all IE and on Firefox on the Mac, there seems to be a nasty white vertical stripe on the right side...maybe a gap in width of the background image. Check to make sure you have a default background-color to make that go away.
On Safari on the Mac and Firefox on the PC, the Flash does not seem to show up at all in BrowserLab, although I see it on my XP; could be an artefact of BrowserLab's process.
W3c finds a few errors in the markup: http://validator.w3.org/check?uri=http://batengineering.bdaonline.co.nz/&charset=(detect+a utomatically)&doctype=Inline&group=0
And the CSS throws a few warnings: http://jigsaw.w3.org/css-validator/validator?uri=http://batengineering.bdaonline.co.nz/&pr ofile=css21&usermedium=all&warning=1〈=en
On the whole, though, the page is looking good.
Beth

Images inside pop-ups not displaying correctly

I am generating a CHM using RoboHelp 10. I have certain pop-ups in some topics. These pop-ups contain screen shots. After generating the CHM, when I click the pop-ups to view the screen shots, they are not displayed correctly. That is, half of the image does not appear and there are no horizontal scroll bars either to scroll. This happens for pop-ups that are appear on the left side of a topic.The images inside pop-ups that appear to the right side of a topic appear fine when clicked.

Hi Rick,
Thank you for the response. Alas, updating the DHTML effects doesn't help. In the project that am working, I have used hyperlinks that are marked to be displayed as auto-sizing pop-ups.
I also tried editing the eHlpDhtm.js file as mentioned in the thread here, https://forums.adobe.com/thread/1297423#expires_in=86399993&token_type=bearer&access_token =eyJhbGciOiJSUzI1NiIsIng1dSI6I…. But that was of no avail either.
Do you have any other insights here?
Regards,
Anamika
P.S. Am using RH 10.0.1.292.

Div header tag - not displaying correctly

I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not!
The header contains three images; a logo, a banner (text), and a picture of a castle. These should display in a line.
When I first set it up, I realised that the castle picture was normally ending up below the other two on smaller screens etc.
So I changed the dims for my div container from min 760px/max 1260px, to a set width (960px). I then rejigged the three images so the widths were within 960px, with some to spare for the spacing (total widths of the three are 900: hspacing another 20 pixels). There is no padding/borders defined. Therefore the total should be well within the 960 width (?).
It looks fine on my PC (widescreen); in 3 browsers, using the restore down menu command (ie to make it not full screen), and by using the Dreamweaver multiscreen preview (phone, tablet, smaller desktop). It wasn't ideal (as scrolling required), but at least meant the header (and the rest of the screen) displayed correctly, ie in a horizontal line (and then sidebar - content - sidebar).
If I set my container width much smaller, most of the screen will be green (the body) in big screens.
If I rejig the dimensions, it's all a bit hit and miss (and why don't the current dimensions work?).
Do I need to define the width of the header (as well as the container)?
Help! Thank you
http://hertfordcarnival.org.uk/dev/Index.html

Hi there, I started off using one big image, but it didn't look right with regards to size and placing (ie I wanted the logo on the left edge, the castle on the right edge, etc). When you say slice, what do you mean? One image in from fireworks, and then ... ? Thanks again
Date: Wed, 7 Dec 2011 01:37:10 -0700
From: [email protected]
To: [email protected]
Subject: Div header tag - not displaying correctly
    Re: Div header tag - not displaying correctly
    created by osgood_ in Dreamweaver - View the full discussion
Datafan55 wrote: I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not! Why not just use one big image then you wont have a problem of with the alignment. Certainly don't use 'vspace' and 'hspace' to position the images. If you want to use 3 seperate images start by setting them us as one complete image then slice it into 3 images. Then use the following css to position the images side by side. #header img If the total sum of the width of the images is the same or does not exceed 960px then the images should be in a nice row side by side. They will actually sit side by side without using 'float' but you'll get a small gap between them which will be added to the sum of the width which will exceed 960px causing the third image to drop onto the next line.
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4068499#4068499
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4068499#4068499. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Images inside pop-ups in CHM not displaying correctly

I am generating a CHM using RoboHelp 10 on a Windows XP machine.
I have a few pop-ups in some topics. These pop-ups contain screen shots. After generating the CHM, when I click the pop-ups to view the screen shots, they are not displayed correctly. That is, half of the image does not appear and there are no horizontal scroll bars either to scroll. This happens for pop-ups that appear on the left side of a topic. The images inside pop-ups that appear to the right side of a topic appear fine when clicked.
The help file was originally created using RH 7. I upgraded the source files to RH 10 successfully and there were no errors during the upgradation.
I even tried generating the CHM on other systems with RH10 and the same system configuration as mine but ended up with the same results. I assume there is some compatibility issue maybe between RH 7 and RH10.
Looking forward to any helpful insights here as this is pretty urgent at the moment for me to resolve the aforementioned issue at the earliest.

Hi Rick,
Thank you for the response. Alas, updating the DHTML effects doesn't help. In the project that am working, I have used hyperlinks that are marked to be displayed as auto-sizing pop-ups.
I also tried editing the eHlpDhtm.js file as mentioned in the thread here, https://forums.adobe.com/thread/1297423#expires_in=86399993&token_type=bearer&access_token =eyJhbGciOiJSUzI1NiIsIng1dSI6I…. But that was of no avail either.
Do you have any other insights here?
Regards,
Anamika
P.S. Am using RH 10.0.1.292.

JSF output not displaying properly in IE6

I've create an application using JSC and developed a few CSS templates to go along. I've notice that the formatting look fine on Firefox and IE7 but not IE6 -
I saved the generated JSF output page (from the browser), remove the first line: <?xml version="1.0"?> and tried to load it manually into IE6 and it rendered fine. So the culprit (other then IE6 of course) is this line: <?xml version="1.0"?>
I read somewhere that if IE6 encounters <?xml version="1.0"?>, it switches it rendering engine to 5.5 (not sure if that's true or not).
Is there any workaround to get my page to display correctly on IE6?
Desperately,
Jean

Hi Jean.
When I was using xml and xsl to learn how to create web pages I found an error, the same that you find when including css files (I found the first problem with absolute position to div tags).
The only that I can say you is that your problem is no new. IE 6 works with some problems with combinations like xsl and css (the same happen with jsp and css).
I was searching in forums but no one give me a solution. Be sure that the problem is in IE 6.
Something that you can try is create a version of your css templates to use with IE 6. Usually the same CSS with some changes under conflicting values give you a good format in IE 6.
Then you can create a copy of yours CSS files and use this copy changing conflictives values to show the format that you want in IE 6.
Finally you must to use "something" that help you to find the version of navegator that get the page.
(It sounds stupid but work for me).
Good Luck Jean!

Umlauts are not displayed correctly in different programs

Hello!
I live in germany, but my locale is set to "en_US.UTF8" because I like to have everything in english.
I do not have any problems with umlauts on the machine, but when I connect with sFTP oder Samba to it, the umlauts in files are not displayed correctly.
Look at this example
The upper word is how it looks in "ssh putty" (=locally on the machine), the bottom one is from "filezilla" (from my windows host)
This is my locale
locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=
When I create a file "asd_aöü" locally on the machine (with the help of ssh - putty), it looks fine, but when I connect by samba or filezilla again the umlauts are not displayed correctly.
Do you understand my problem? What can I do?
Thanks!
Last edited by cyberius (2011-02-19 10:12:19)

Did you check the locale settings on your Windows machine?

Date can not display correctly in excel from .jsp

Hi,
I create a .jsp report to export the data to excel. the report run OK, except the date field can not display correctly.
for example in database :start date ='01-oct-2003'
in the except it displays to 02/06/02.
It seem all the date field can not be control in the report, and control by somthing else
Doese anyone come accross this problem?
Thanks

Hi Rong,
Are you using the following demonstration to build your JSP?
http://otn.oracle.com/products/reports/htdocs/getstart/demonstrations/index.html
(Output to Excel with Oracle9i Report)
I tried to do the same, and inserted a database date field in the JSP using Reports. I found the following:
While making the template inside Excel, if I make sure that the format of the date cells is "Date" - some particular date format, the date field values from Reports does not get exported correctly.
However, if you make sure that inside the template, the format of the date cells is not date, but "General", then the date field values are correctly exported to Excel.
Pl try it and let us know.
Navneet.

BPS_WB: Please Wait Dialog Box not Displaying correctly???

When we switched our Planning Interfaces to using the New Planning Interface Design the Please Wiat Dialog Box does not display correctly.
When a Request is fired and the client is waiting for the Response all that shows is a white block in the middle of the screen with no dialog screen or other information.
It maybe associated with the following:
function bpsOpenURLSelf(doIt, url)
      if (doIt) {
        try {
            document.body.style.cursor = "wait"; // works only in IE
        } catch (ex) {} // ignore
        open(url,'_self');
      // note: function with doIt==false is used to check
      //       existence of the opener window
Or it may be associated with a CSS issue?
I am currently using IE 6.0.2900.2180.
Any thoughts would be appreciated!
Thanks, ATC

Hi Alan,
please implement SAP note 845305.
Regards
Marc
SAP NetWeaver RIG

Search box not displaying correctly in Safari

How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

Hi
Welcome to Apple Discussions
Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
Post back

Why is Times New Roman not displaying correctly in Illustrator CS5?

Alright, so I'm running Windows 7 64-bit and Illustrator CS5.
Times New Roman Regular does not display correctly on my machine when using Illustrator CS5, but Bold, Italic, Italic Bold display just fine. Times New Roman does display correctly in every other program I use. InDesign, Word, etc. I've attached a screenshot to show what I mean. Please help!

Hi,
I have an absolutely same bug - looks like font substitute
I had reinstall font family - no changes. Win 8.1 Illustrator CC.

Report does not display correctly when exported to adobe

Post Author: mgisonda
CA Forum: Crystal Reports
Hopefully someone can help me. I am currently running Crystal Reports profession version 10. I have applied service pack 1 and recently service pack 6. I am having a problem with the display of a report within adobe. My report is a bit complex. It is a 8.5x11 one page landscape report. It is set up in a grid format with multiple lines and boxes drawn on it. Here is the report information: Report Definition----
Number of Database Fields: 144 Number of On-Demand Formulas: 40 UFLs in use: None Page N of M Used: No File Format Schema: 10.2.0 I created the report using CR developer. I use the report within a web project. The user requests the report and it returns to the user, an adobe file of the report. However, this is where I am having trouble. On my local development machine, the report displays fine. In CR developer, the report displays fine. When I export the report to Adobe from the CR Developer, it exports fine. BUT when I run the report from my web site, the adobe file that is returned is broken up over 42 pages. What seems to be actually happening is the return adobe file seems to think that the page size is 2in X 4in.. Where it got that, I don't know.The server running IIS is a windows server 2003. It has adobe 8.0 reader on it. I also have Crystal 10 Server Distribution loaded on it. And I have loaded CR10 Service pack 6 on that as well. Below is the web code that is used to display the report:Imports CrystalDecisions.Shared'Imports CrystalDecisions.CrystalReportsImports CrystalDecisions.CrystalReports.EngineImports CrystalDecisions.CrystalReports.Engine.ReportClassPublic Class PrintInspectionLayout Inherits System.Web.UI.Page Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Dim mNotInSpringDesign As String Dim mPartType As String mNotInSpringDesign = Request.QueryString("NotInSpringDesign") If mNotInSpringDesign = "TRUE" Then mStockCode = Request.QueryString("StockCode") lblNotInSpringDesign.Text = "Stock Code #: " & mStockCode & " does not exist in Spring Design." lblNotInSpringDesign.Visible = True Response.Write("<br><br><br><br><br><font color='blue'><center><a href='SpringDesignWildCardSearch.aspx'>Go To Search Page</a></center></font>") Else mStockCode = Request.QueryString("StockCode") Dim pList As ParameterValues = New ParameterValues Dim paramName, paramValue As String Dim pV As ParameterDiscreteValue = New ParameterDiscreteValue Dim Report As ReportDocument= New ReportDocument Dim expOpts As ExportOptions = New ExportOptions Dim pdfRtfWordFormatOpts As PdfRtfWordFormatOptions = expOpts.CreatePdfRtfWordFormatOptions Dim expFormatOpts As ExportFormatOptions = expOpts.ExportFormatOptions expOpts.ExportFormatType = ExportFormatType.PortableDocFormat mPartType = Request.QueryString("PartType") 'SELECT THE INSPECTION LAYOUT TYPE TO PRINT Select Case mPartType Case Is = "C" Report.Load(MapPath("./Reports/CompressionLayout.rpt")) 'Report.Load(MapPath("./Reports/PCAR.rpt")) Case Is = "E" Report.Load(MapPath("./Reports/ExtensionLayout.rpt")) Case Is = "T" Report.Load(MapPath("./Reports/TorsionLayout.rpt")) Case Is = "W" Report.Load(MapPath("./Reports/WasherLayout.rpt")) Case Is = "F" Report.Load(MapPath("./Reports/FreeFormLayout.rpt")) Case Else End Select pV.Value = mStockCode pList.Add(pV) Report.DataDefinition.ParameterFields("StockCode").ApplyCurrentValues(pList) Response.ClearContent() Response.ClearHeaders() Response.ContentType = "Application/pdf" Report.ExportToHttpResponse(expOpts, Response, False, "") Report.Close() End If End Sub Any ideas as to the solution? Why is it not displaying correctly? I have spent two days researching every FAQ to try to find an answer, but to no avail. Please any help would be greatly appreciated. ThanksMike

Hi Paul
You're more likely to get an answer to this if you post in the UNIX forum.
By the looks of it, you may have a problem with your fonts.

Ul horizontal navigation not displaying correctly in IE6

Similar Messages

Maybe you are looking for