Advanced Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsWeb DesignAdvanced Web Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old November 24th, 2009, 04:23 PM
newguy2009 newguy2009 is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2009
Posts: 2 newguy2009 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 40 m 31 sec
Reputation Power: 0
IE8 bug CSS menu not displaying properly

The menus on my site work fine on FF and basically on all IE versions, except on the new IE8. There is always some extra space underneath the menus and on some other pages the design is just not what it used to be (the menus are either smashed together or there is a strange gap). Itís a bit awkward to explain, but if you have a look on my site http://www.casinomadness.de and click through the big green menu buttons on top then hopefully you can see what I mean, itís always the left menus on these pages. Does anybody have an idea or maybe had a similar problem? This is my CSS code, but I am not sure if thatís the problem. Any help would be much appreciated.

CSS Menu Code:

Code:
**************** menu coding *****************/


#menu {
position:relative;
z-index:100;
width: 180px;
background: #eee;
margin-bottom:0; /* was 20px */

}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2, #menu div.spacer, #menu h3 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu div.spacer {
background-color:#258722;
padding: 5px 0 5px 4px;
}

div.spacer img {
width:170px;
height:51px;
}


#menu h2 {
color: #fff;
background: #258722;
font-size:12px;
}

#menu h3 {
color: #fff;
background:#5FB145;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu a img {
position:absolute;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


This for example is part of the left-menu-code of this page: http://www.casinomadness.de/introduction.php
This menu seems fine.

Code:
 <div id="content-left">

<!-- Menu Left Start -->
<div id="menu">
         <ul>
                 <?php
// menu introduction
include "some menu";
?>
         </ul>
</div>
<!-- Menu Left End -->
 </div> <!-- Content left end -->


But as soon as I add something else after that code, such as this
Code:
<h3> Software Platforms</h3>
like on this page for example http://www.casinomadness.de/software.php, then the browser acts weird. The Heading "Software" does not show as well.

The CSS for H3 is:

Code:
#menu a, #menu h2, #menu div.spacer, #menu h3 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}



Thanks for your time!

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsWeb DesignAdvanced Web Development > IE8 bug CSS menu not displaying properly


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap