WordPress.org

Forums

CSS issue - gap in FF, not IE (7 posts)

  1. gauntletxg
    Member
    Posted 6 years ago #

    Hi all,

    I am using the Post Tabs plugin with the Green Bug theme. I am having an issue with a gap being visible in the line underneath the tabs. The gap is visible in FireFox, but not in Internet Explorer. See example here

    What could be causing this? I have the margin and padding all at 0. Thanks for any input!

  2. figaro
    Member
    Posted 6 years ago #

    Find the following in style.css and delete the line-height: 25px;

    #left ul, #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
    {
    	margin: 5px 0 0 0;
    	line-height: 25px;
    	padding: 0;
    }
  3. gauntletxg
    Member
    Posted 6 years ago #

    Thanks for the suggestion Figaro - unfortunately it did not work. That moved all the items on my sidebar onto a single line. I created a new template to use just for pages with tabs, and tried this:

    #tabcontainerlist ul li 
    
    {
    	list-style-type: none;
    	background-image: none;
    	background-position: 0 0 0 0;
    	padding: 0 0 0 0;
    	margin: 0 0 0 0;
    	line-height: 0;
    }

    And it didn't work either. The gap is still there in FireFox, and the line then interesects the tab boxes in Internet Explorer.

  4. whooami
    Member
    Posted 6 years ago #

    change this:

    #left ul, #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
    
    {
    
    	margin: 5px 0 0 0;
    
    	line-height: 25px;
    
    	padding: 0;
    
    }

    to this:

    #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
    
    {
    
    	margin: 5px 0 0 0;
    
    	line-height: 25px;
    
    	padding: 0;
    
    }
  5. gauntletxg
    Member
    Posted 6 years ago #

    Perfect! That did the trick, thanks a million. If you don't mind, can you explain how the solution works? I am still learning CSS.

  6. whooami
    Member
    Posted 6 years ago #

    those tabs are controlled by the selector #left ul

    thats what you removed.

  7. gauntletxg
    Member
    Posted 6 years ago #

    Ah, interesting. Thanks so much for the help!

Topic Closed

This topic has been closed to new replies.

About this Topic