SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,056
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <legend> and IE8

    I have not even looked in IE7 and 6. I know there are many ways that can lead us to Rome and I hope there is one as well from the narrow street I'm in right now. The legend I'm using is looking good in all browsers but in IE8 it is nearly the entire font size lower. I tried some techniques mentioned on the internet:
    Code CSS:
    * html #middle fieldset{
        position: relative;
    }
     
    #middle fieldset legend {
    	padding: 0 10px;
    	font-size: 115%;
    	font-weight: bold;
    	color: #FFF;	
    }
     
    * html #middle fieldset legend {
    	position: absolute;
    	top: -any number of px/em;	
    }
    But that isn't working. Is there another way of doing this? I tried it with negative margins and paddings as well without result.

    Thank you all in advance

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    See if this page helps you:
    http://articles.sitepoint.com/articl...m-design-css/5

    The legend is often wrapped in a span to assist moving it around.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,056
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Solved: It was working when I added a negative top margin to the legend in the html, which I obvious not wanted for various reasons, one was of course that that influenced the position in the other browsers and the other for validation reasons. So I ended up having a conditional ie stylesheet just for a legend!

    If someone still has another solution, please feel free to post it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •