-
1. Re: Artifacts between Logo and Vertical Menu Bar
Web Magi Oct 20, 2012 4:42 PM (in response to FormUser)This appears to be creating both artifacts:
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical {
border: 1px solid #CCC;
}
-
2. Re: Artifacts between Logo and Vertical Menu Bar
FormUser Oct 20, 2012 11:33 PM (in response to Web Magi)Thanks, Web Magi, I took off the top border of the menu container, reduced the width of the menu items by 2 pixels, and the artifacts disappeared! It looks beautiful in 'Live' view within Dreamweaver itself, with a beautiful 1 pixel border on the left, right and bottom of the vertical menu.
However, IE displays the beautiful border only before the 'Allow blocked content' button is pressed. As soon as the button is pressed, the beautiful border on the left, right, and bottom of the vertical menu disappears, ouch!
Anyone has a cure?
-
3. Re: Artifacts between Logo and Vertical Menu Bar
Web Magi Oct 21, 2012 12:42 AM (in response to FormUser)You could try adding the following code above your closing </head> tag:
<!--[if IE]>
<style>
UL.MenuBarVertical:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
UL.MenuBarVertical
{
display: inline-block;
}
UL.MenuBarVertical{
display: block;
-height: 1px;
}
</style>
<![EndIf]-->
Also, it looks like you need to add closing brackets to the following two lines:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"
<link rel="icon" href="/favicon.ico" type="image/x-icon"
-
4. Re: Artifacts between Logo and Vertical Menu Bar
FormUser Oct 21, 2012 9:11 AM (in response to Web Magi)Hi, Web Magi, you are right about the closing brackets
The [ifIE] code is grayed out in code view. Nonetheless, the [ifIE] code does prevent IE from 'eating' the border after the 'Allow blocked content' button is pressed. However, as soon as a menu item is pressed, IE eats the border of the main menu. IE does display the borders of the submenu and subsubmenu.
Google Chrome displays the borders of the main menu, submenu, and subsubmenu.
Any further IE hack that I could try?
-
5. Re: Artifacts between Logo and Vertical Menu Bar
Web Magi Oct 21, 2012 11:34 AM (in response to FormUser)The code appearing grayed out is natural. The idea is to either modify or add to the style within the conditional comment until IE is showing you the desired results.
-
6. Re: Artifacts between Logo and Vertical Menu Bar
FormUser Oct 21, 2012 2:51 PM (in response to Web Magi)Thanks, Web Magi, all of your responses were very helpful. I will start another thread as the topic has changed from the title of this thread. Thanks, again!

