BP Daily menu dividers IE8

The little white dividers that separate menu items do not go all the way to the top in IE 8.

I have attached an image.

I disabled all my plugins, disabled bp daily child, put my bp daily and child in a different folder and then loaded up a fresh bp daily 3.4 into my themes, just to rule out any customisation. And I still have the problem.

I have come to totally dislike IE8 for all the problems I experience with it, but too many people are using it to ignore them.

I am using wp 3.0.1 (buddypress was disabled for this test)

  • Tammie

    @AquaPebble: They are not designed to go all the way up in all browsers. When you design for a browser you as a designer do a 'best cases' and this is what happens. If you provide a link I can let you know classes to change but a word of caution - you will probably not get it to work in all browsers and may have to go the style switch route that personally I like to avoid of having style sheets for different browsers. It is an accepted convention in modern designing for browsers to have a 'best possible' case hence this.

  • AquaPebble

    @Tammie

    I agree with your advice and don't want to go the stylesheets route. If you put IE8 into compatibility mode there is not a problem and it displays properly. I am using this method to force the browser into this mode https://premium.wpmudev.org/forums/topic/ie8-compatibility-mode, but in this instance it is not working.

    But from what I have read it is not true compatibility mode, but sorts out some more serious issues I was having with cropping avatars. So I think we have to live with it.

    Another IE8 issue I am having on these menu's is that I have made the background an image. This shows in firefox and chrome, but in IE8 they don't show - it shows the default. Any ideas why this is and if there is a way around it?

  • Tammie

    @AquaPebble: I was away due to time zone and just looking no need to ping again as I'm sure you know I always check posts. I am getting a lot of load time issues on your server the page takes over 10 minutes to load so assume you have server issues and I'll look later no need to ping the thread. I do need to know though if it's ALL background images on menus or just one.

    If you are running in compatibility mode you may get a range of weird issues that's your call to run in that and we can only support using standard IE 8. I'm not going to comment on avatars as not something I've been following just telling you I will be testing using standard.

    You may want to try jpg's not pngs that would be my only suggestion if you are trying to shoe horn similar support and check there are no scripting errors. A slow loading script / plugin and or something wrong could easily result in IE 8 not loading images.

  • AquaPebble

    @Tammie

    It is ALL background images.

    I have tried in both standard and compatibility mode and there was no difference to the images showing. I will try your suggestion about jpegs and see if it is still doing it.

    I will do some speed tests as I am not experiencing that load time, however I have had other complaints. I logded a ticket with my host yesterday and they ran tests and said it is fine.

    Sorry about asking again and that it annoyed you. I have found that posts can get missed, though you are really, really good at answering. This is just an urgent issue for me, so I suppose I was being a tad impatient.

  • Tammie

    @AquaPebble: I'm not annoyed it's just wanted to tell you why I'd not responded. I understand things may be urgent but where customization is like this I need to spend time viewing your site and seeing. My thoughts currently are along the jpg but I also don't know how you've formed the images.. in what application and so on. I've just tried to view your site again but I'm up to 5 minutes until it even loads - this of course makes diagnosis rather hard :slight_frown: I think first things first remove all plugins (assuming you have some) then see what is going on and if speed improves.

    I noticed this:

    <link rel='stylesheet' id='A2A_SHARE_SAVE-css'  href='http://ukmarketingnetwork.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='pgcss-css'  href='http://ukmarketingnetwork.com/wp-content/plugins/bp-flickr/css/prettyPhoto.css?ver=3.0.1' type='text/css' media='all' />
    
    <link rel='stylesheet' id='flickrcss-css'  href='http://ukmarketingnetwork.com/wp-content/themes/bp-daily/flickr/style.css?ver=3.0.1' type='text/css' media='all' />
    <link rel='stylesheet' id='ytcss-css'  href='http://ukmarketingnetwork.com/wp-content/themes/bp-daily/yt/style.css?ver=3.0.1' type='text/css' media='all' />
    <link rel='stylesheet' id='wppa_style-css'  href='http://ukmarketingnetwork.com/wp-content/plugins/wp-photo-album-plus/theme/wppa_style.css?ver=3.0.1' type='text/css' media='all' />
    <link rel='stylesheet' id='member_template_styles-css'  href='http://ukmarketingnetwork.com/wp-content/plugins/connections/templates/member_template.css?ver=0.7.0.4' type='text/css' media='all' />
    <link rel='stylesheet' id='global-forum-css'  href='http://ukmarketingnetwork.com/wp-content/themes/bp-daily-child/gf/css/style.css?ver=3.0.1' type='text/css' media='all' />
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/prototype.js?ver=1.6.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/themes/bp-daily/_inc/global.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/buddypress/bp-groups/js/widget-groups.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/builder.js?ver=1.8.3'></script>
    
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/dragdrop.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/slider.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-includes/js/scriptaculous/controls.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/wp-photo-album-plus/theme/wppa_slideshow.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/wp-photo-album-plus/theme/wppa_theme.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/buddypress-followers/_inc/bp-follow.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/bp-flickr/js/jquery.prettyPhoto.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/bp-flickr/js/general.js?ver=3.0.1'></script>
    
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/buddypress-like/_inc/bp-like.min.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/buddypress-share-it/bp-share-it.js?ver=3.0.1'></script>
    <script type='text/javascript' src='http://ukmarketingnetwork.com/wp-content/plugins/connections/js/jquery.contactpreview.js?ver=0.7.0.4'></script>

    To me that is a lot of plugins / outside CSS and you could very well find one of those is effecting everything. Also you could find ad networks are if you're calling in adverts from them (I do not know if you are). I also saw a javascript error and you can bet that could be easily the cause I've seen many a site even fail to work in IE 8 and / or Chrome due to a javascript error or fail to work in random ways like not load CSS from that point.

    If we can get the speed up and reduce the number of variables I'm sure we can nail it but it's just a bit of a lot we have to pick through currently hence suggesting remove plugins and strip back. Always I find the best approach.

  • AquaPebble

    @Tammie

    Thanks.

    The images were made in Adobe Photoshop. They are png and I am using them as repeats.

    I got a response from pSek about why my site is so slow at the moment compared to normal:

    Hi,

    it's 03:21 AM server time currently and it's running some scheduled tasks, like backups and web stats updated. During this server load can be higher than normal which can cause a slower response times from your sites.

    Thanks

    I am really shocked at the response.

    Anyway back to the javascript error. I can't see it in firebug. I don't really know all the places to look. I looked in script and that gave no errors and in the console.

    I am not calling any ad's from an ads network, but am calling in one gif from one of the other sister websites directories.

    I just want to clarify. I should disable plugins and then enable them one by one and observe website speed?

    I do have quite a lot of plugins for BuddyPress.

  • Tammie

    @AquaPebble: Any analysis of speed / errors should always have the first port of call with removing all plugins then adding in and seeing each one. It's a long process when you have lots - personally I take a bit of a reverse approach and only add and review each one. A huge mistake is adding lots then finding you have issue this can be avoided by adding one by one and only when needed. Testing each's impact is key. It's why I always suggest that method and getting the design working without any plugins. It's harder to diagnose with many variables.

  • AquaPebble

    @Tammie

    I have disabled all plugins and taken out the images like banner, banner advert and side logo's. So it essentially a bare bp daily child theme with post content. With that I am getting a 6 sec load time using Pingdom Tools to measure and also tried websiteoptimization with a similar result.

    I did try with just bp daily and it was slightly longer, so was happy the tiny bit of customisation in the child theme doesn't seem to be affecting load times.

    Is there a way I can get the base theme with content loading faster? I read that your site should load within 7 seconds else you loose visitors. Is the content I have in there causing this to load slowly?

    Will let you know about the jpegs as soon as I get the person who did the png to convert them to jpeg for me.

  • Tammie

    @AquaPebble: Not sure where you read that but it's not such a simple thing. You with BuddyPress have javascript and other scripting and anything that has to do something takes longer. For instance if you have a plain html page voila almost instant but it also has to be down to your net connection, browser, bandwidth.. the list goes onwards.

    I can't advise as quite frankly it's a very subjective matter but I can say how slow your site was before was almost unusable for me on a fast net. That won't be the theme. You should not use default.css and use your own styling that will make CSS faster but there is nothing else theme side I can advise. The rest is plugins / hosting but as I said up to the users / systems / hosting and many other factors.

  • AquaPebble

    @Tammie

    I have gone through all my plugins and taken out any that cause a heavier load time or give any errors with one exception BuddyPress Group Calendar.

    This is giving an error as it is looking for the css in the themes folder instead of the plugins folder.
    This is the path: /wp-content/themes/bp-group-calendar/groupcalendar/group_calendar.css it is looking for. I will raise a new post in plugins about that.

    The speed of the site should be better now.

    I tested the jpegs and they are still not showing in the nav menus. I came across something yesterday that said that IE8 doesn't like this format: url( ../images/myimage.jpg ) - not sure how true that is. Is there another way to link to an image in css that I could try?