WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Display problems with dTabs (2 posts)

  1. smugmatt
    Member
    Posted 4 years ago #

    This is my first forum post so please excuse any lack of decorum.

    I'm using the David Burton plugin 'dTabs' on a wordpress site I'm currently developing. The site is 'churchesinessex.com'. I've managed to get the tabs up and running and on certain browsers they work fine. However, in IE7 they display completely incorrectly - with each tab being displayed on a new line which spans 100% of the width of the body of my site.

    Very confused as to why this is only happening in IE7 (as well as a slightly different version of this problem on Firefox where the tabs jump randomly onto different lines on each page refresh!)

    Hugely frustrating but I hope someone can have a look into it and help me. Can post css as necessary...

    Thanks for your help,
    Matt

  2. budoink
    Member
    Posted 4 years ago #

    Have you taken a look at the default css generated by the plugin on its admin page? Specifically:

    /* Default CSS generated by dTabs */
    
    /* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
    .tabbar li, .tabbar ul li, {
    
    	/* make them horizontal in IE*/
    	display: inline;
    
    	/* space them a little in IE*/
    	margin: 0 5px;
    }
    
    /* style the tabs */
    .tab, .tabselected {
    
    	/* make them horizontal in Firefox 2*/
    	display: -moz-inline-box;
    
    	/* make them horizontal in all other browsers*/
    	display: inline-block;
    }

    Hope that helps ;-)

Topic Closed

This topic has been closed to new replies.

About this Topic