SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2005
    Posts
    88
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE 7 vista. float

    I have this site here and the green box in the chalkboard is floating above the girl in IE7 in Vista. What woudl be the issue here?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,207
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    I'm kind of surprised it positions where you want it in other browsers. Firstly, it's better not to have inline elements (e.g. <a>) sitting alongside block elements (like <ul>). Instead, wrap it in a block element like a <p> or <div>.

    Anyhow, a quick fix might be to add position:relative to the #blackboard div

    Code:
    #blackboard {
      background: url("/images/blackboard/blackboard1.png") no-repeat scroll 0 0 transparent;
      height: 398px;
      margin: 10px auto;
      position: relative;
      width: 797px;
    }
    and then position the image absolutely:

    Code:
    <img alt="register for summer" src="/images/blackboard/register.png" style="position:absolute;bottom:50px; right: 140px;">

  3. #3
    SitePoint Addict EarlyOut's Avatar
    Join Date
    Mar 2011
    Location
    Sector R
    Posts
    280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Unrelated, but on a wide-screen monitor, your background image repeats. Screenshot attached.
    Attached Images Attached Images


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
  •