close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

IE 10 rendering problem

Thread began 2/20/2013 9:54 am by chris250441 | Last modified 2/21/2013 11:18 am by Jason Byrnes | 3697 views | 5 replies |

chris250441

IE 10 rendering problem

I have a rendering in Internet Explorer 10 with a drop down menu using menuwriter. There are gaps in the menu drop down. It works perfectly in all other browsers I have tested.
Is there any way to fix it?
See the attached picture

Sign in to reply to this post

Jason ByrnesWebAssist

normally this happens if the menu items do not use a width or height attribute in pixels.

please provide a link where i can see the problem to investigate the cause.

Sign in to reply to this post

chris250441

Thanks for that Jason.

I have tested it in IE9 and it works perfectly. It's only IE10 with the problem.

The widths have been set and the padding. However Heights have not been set. Are you suggesting that if I set the heights and that should fix it?

Sign in to reply to this post

Jason ByrnesWebAssist

settings heights for the menu items may fix it, or it may not, i would need a link to see the problem in order to investigate the cause.

Sign in to reply to this post

chris250441

Hi again Jason,

The menu is being used as an include in the page.

Here is a link to the menu on its own:

menu.php

You will see that it works perfectly on its own in IE 10

I think the problem arises when it is included in the page, example:

concrete-testing.php

This menu is database driven.

I look forward to your advice

Sign in to reply to this post

Jason ByrnesWebAssist

the problem is caused by the line height on the body tag in the /css/css.css



body {
background-image: url(../CSSSculptor/BAMRNEW1ColumnElasticCenteredHeaderandFooter_BAMRNEW0_images/bgtest.jpg);
background-position: top;
background-repeat: repeat-x;
color: #333;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}



remove the line height:

body {
background-image: url(../CSSSculptor/BAMRNEW1ColumnElasticCenteredHeaderandFooter_BAMRNEW0_images/bgtest.jpg);
background-position: top;
background-repeat: repeat-x;
color: #333;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
/*line-height: 14px;*/
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}



to correct the menu problem.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...