SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot ChrisOSX's Avatar
    Join Date
    May 2002
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question IE 6.0 Size and Position Problem

    I've got the following defined in my page for a hidden layer:

    .hideBox {
    background-color:#ccc;
    position: absolute;
    top: 128px;
    left: 151px;
    width: 180px;
    height: 25px;
    z-index: 99;
    visibility: hidden;
    }

    I'm using two different forms (due to a requirement not shown in my
    given example below) and because IE is positioning things badly, and
    oversizing the hidden div, I'm covering another form element. Netscape
    6.2 handles it perfectly.

    Please have a look at the example I've provided at:

    http://www.lejendary.com/hiddenField.html

    I'd like to know why this is happening, and how to correct it.

    TYIA,
    Chris

  2. #2
    SitePoint Zealot 19nine78's Avatar
    Join Date
    Feb 2002
    Location
    Ayr, scotland
    Posts
    135
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, try add the following to your css:

    form{
    margin:0;
    padding:0;
    }

    whoch should remove the margin around the form. It still seems a few pixels out on my browser (mozilla RC2) but it should do the job.

    cheers

    alastair

  3. #3
    SitePoint Zealot ChrisOSX's Avatar
    Join Date
    May 2002
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Solution

    In IE the box had a lot of overflow so I added:

    overflow: hidden;

    and that did the trick.


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
  •