Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Nov 2004
    Location
    Australia
    Posts
    8
    Member #
    8223
    Hi, everyone! I found these forums doing a Google search for IE6 CSS workarounds. I'm having trouble getting some DIV work looking right in both IE5.5 and IE6. Most of the threads and info I've found are quite general and more applicable to IE vs. Mozilla issues. I hope someone can help. Please?

    I have a div of width 125px. This div is to have padding of 4px 4px 4px 8px. This works great in IE5.5, but IE6 appears to add the 4px+8px to the 125px width. Is there a way for me to specify a different width or zero padding for IE6 only? Or if that's not possible, is there another workaround I can use?

    The only place I can really implement a hack is in the CSS file, as all of this stuff is stored within a BEA application. Please help! :cry:

    My CSS classes
    Code:
    .bea-portal-book-primary-menu-root, .bea-portal-book-primary-menu-root-item a, .bea-portal-book-primary-menu-root-item-active a
    {
        margin: 0px;
        display: block;
        background-color: #E8F3F7;
        font-family: Trebuchet MS, sans-serif;
        font-size: 8pt;
        width: 125px;
        height: 26px;
        vertical-align: top;
        clear: both;
        padding: 4px;
        padding-left: 8px;
    }
    
    .bea-portal-book-primary-menu-root
    {
        font-size: small;
        padding: 0px;
        position: absolute;
        top: 93px;
        left: 0px;
    }
    
    .bea-portal-book-primary-menu-root a
    {
        color: #333366;
        border-right: solid 1px #BFD5E3;
        border-bottom: solid 1px #BFD5E3;
    }
    What I've already tried and failed with
    • DOCTYPE - already specified (still bugged)
    • backslash hack - ie. this \this t\his
    • clear:both - makes no difference
    • <!--[if IE6] --> - in my css file

  2.  

  3. #2
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    Look up the simplified box-model hack. Basically, you've got it swiched. Technically speaking, padding should add to an elements width, but IE5 is wrong. It doens't add to it.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  4. #3
    Junior Member
    Join Date
    Nov 2004
    Location
    Australia
    Posts
    8
    Member #
    8223
    Thanks, Brak! You're a legend. The second I reversed my approach, everything fell into place. Thank you!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:14 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com