1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS title borders in Firefox and IE

Discussion in 'CSS' started by mrc, Nov 2, 2005.

  1. #1
    im having problems setting up a title section for the page im developing. In IE, the title bar becomes much larger than I like. Can anyone tell me why bottom border shifts so far down in IE? Changing the height dimensions only changes the FF borders. Heres the code (and thanks for any help)

    #header {
    margin-top: 10px;
    padding: 0px 0px 2px 35px;
    background-color: #ggg;
    border-style: solid;
    border-color: black;
    border-width: 2px 0px;
    height: 80px;
    /* ie5win hack */
    voice-family: inherit;
    height: 50px;
    }
    html>body #header {height: 50px;}
    /* ie5win hack ends */
    SEMrush
    ------------------------------------------
    <div id="header">
    <h1>Title 1</h1>
    <h2>Title 2</h2>
    </div>
     
    mrc, Nov 2, 2005 IP
    SEMrush
  2. JamieC

    JamieC Well-Known Member

    Messages:
    226
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    138
    #2
    4 lines or markup and you're already using browser workarounds. You've gotta wonder! All these CSS websites with people showing off the hacks they've come up with is creating a whole breed of webdesigners creating sites that are going to fall apart when IE7 comes out...

    To answer your question, you need to remove your IE hacks, and set the height normally. You then need to explicitly set the border, padding and font size on your h1 and h2 tags, as the defaults are different in IE and Firefox.

    - Jamie
     
    JamieC, Nov 13, 2005 IP