IE8/9 vs. Chrome... (css)

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Pheddy
    New Member
    • Dec 2008
    • 80

    #1

    IE8/9 vs. Chrome... (css)

    Hi. I have a linkbar on this address http://www.itcenterfyn.dk where the css behind insert an image in the linkbar but this is full width in IE8/9 but not in chrome, and witdh/min-witdh aint working

    Code:
    #bartabs ul {
    	margin: 0 ;
    	padding: 0 ;
    	list-style: none ;
    	display: inline ;
    }
    #bartabs ul li {
    	margin: 2 ;
    	padding: 0 ;
    	display: inline ;
    	text-align: center ;
    	list-style: none ;
    	font-family: Arial, Helvetica, sans-serif ;
    }
    #bartabs li a {
    	color: #000000 ;
    	background-image:url('topmenu_button_grey.png');
    	border: 0px outset #000000 ;
    	padding: 8px ;
    	text-decoration: none ;
    	display: inline ;
    	width: 107px ;
    	height: 32px ;
    }
    #bartabs li a:hover {
    	color: #000000 ;
    	background-image:url('topmenu_button_blue2.png');
    }
    Does anybody see the error here?

    Regards.
    Attached Files
  • JKing
    Recognized Expert Top Contributor
    • Jun 2007
    • 1206

    #2
    Try setting your #bartabs li a to display:block. On your #bartabs ul li add float:left and remove display:inline; . Inline elements don't play nice with width.

    Comment

    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434

      #3
      Well, I'm confused because I don't see any difference.

      Comment

      • Pheddy
        New Member
        • Dec 2008
        • 80

        #4
        Seems to be the right way to go! Still some problems with the way it looks.. Please see picture, but definetly on the way :D

        Thanks.
        Attached Files

        Comment

        • Pheddy
          New Member
          • Dec 2008
          • 80

          #5
          ... Sorry, just had to adjust pixels :D Thanks for the answer JKing!

          Regards.

          Comment

          Working...