February 2nd, 2013AWM: Round corners are displayed but menu and graphics move to top left
Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: Phil
Initial Email Subject: Round corners in IE9 displaying but menu and graphics shift
Support Case Month: November 2012
When I change the DOCTYPE info as directed by the help file to allow rounded corners in IE9 , the corners display properly however the graphics and menu shift to the top left. Below is a copy of the DOCTYPE declaration that I am using. The site is not live so I attached 2 screen shots for you to see.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">Thank you,
Phil
Reply From: Likno Customer Support
Dear Phil,
The problem was in your CSS code:
In order for your CSS code to be valid, only zeros are allowed to not have “px”.
Please change the above div to this:
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Reply From: Phil
Kostas,
Thank you very much for the solution which of course worked. I changed the code site wide and all pages display properly now.
Phil
Tags: code, CSS, css menu, doctype, drop-down menu, graphics, IE9, javascript menu, jquery, left, margin, Menu, sliding menu, top, website
