Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    61
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer IE H1 Height fix?

    Im having a problem with my H1's at http://www.lostseed.com/
    They are good on firefox but the height wont showup in IE,
    in firefox you can see it shows the little folder tab on the left of each h1,
    in IE its just a default size.

    (I cleaned out stuff that prolly doesnt apply)
    Code:
    h1, h2 {
    	padding: 0px 0 0 8px;
    	margin: 15px 0 15px 0;
    	height: 41px;
    	border-top: 1px solid #91858b;
    	background: #827a7e url(/images/content/fade-bg-h1.gif) repeat-x;
    	clear: both;
    	position: relative;
    	z-index:50;
    }
    Heres a bug fix that doesnt work:

    Code:
    /* mac hide \*/
    * html h1, * html h2, * html h3, * html h4, *html h5 {height:1%}
    /* end hide*/
    Also tried:
    *>html h1 {he\ight: auto;} /* for IE5/Mac */
    and the html > body one, I am unsure why this is doing this.

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    I don't have a good testing setup for IE but it looks like it's doing what you are asking it to:

    in IE its just a default size.
    Code:
    * html h1, * html h2, * html h3, * html h4, *html h5 {height:1%}
    The * html hack targets IE (under 7) only; in this case you are telling IE to make the headings an "auto" size as it treats "height: 1%" as "min-height: 1%".


  •  

    Posting Permissions

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