Submit Your Article Forum Rules

Results 1 to 4 of 4

Thread: IE7-only CSS bug

  1. #1
    Member PaulMycroft's Avatar
    Join Date
    Jul 2007
    Location
    Ladysmith, B.C.
    Posts
    79

    Unhappy IE7-only CSS bug

    Hi all,

    I am having trouble floating the right blue text box to the right. Works in all major browsers except IE7.

    http://physoftsys.net:8080/

    Any ideas what might be the issue here? This is Drupal output, which I am styling.

    TIA!

    - Paul
    All the best,
    Paul Mycroft
    Professional Web Design

  2. #2
    Administrator weegillis's Avatar
    Join Date
    Oct 2003
    Posts
    5,772
    Code:
    CSS
    
    div#content div.section div.region-content {
    float: right;
    position: relative;
    }
    Is this DRUPAL template CSS or your own? That seems like a helluva lot of specificity for a basic block. Maybe just put an ID on the block. That should be enough.

    IE is funny with floats. Is there a position: relative in the parent container properties? Or on any grand parent above your float in the cascade? Seems to me that "haslayout" needs to be on in order for float: ____; to work properly. Another thing may also be the order. Whenever I float something right, I do it before any other floats (such as a float: left; container).

    The solution may be as simple as changing it to a left float, and just making sure it will always fall in the same general position.

    Another question: How many nested floats are there, if any? Sometimes this is buggy. I know this is probably not much help, just spouting all this stuff off, but it gets the juices flowing and gives you more terms to search for. Have you checked for this issue on quirksmode?

  3. #3
    Member PaulMycroft's Avatar
    Join Date
    Jul 2007
    Location
    Ladysmith, B.C.
    Posts
    79
    Hey weegillis,

    BINGO!

    http://physoftsys.net:8080/

    I went to the very top left and right container to make my changes (I was incorrectly trying to float the left and right elements rather than their parents) and added "position: relative;" to the parent.

    Thank you so much. Damn IE7.
    All the best,
    Paul Mycroft
    Professional Web Design

  4. #4

Posting Permissions

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