SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Aug 2004
    Location
    Miami
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE not displaying a CSS style

    Check out the development site for a new site design I am working on:

    http://serveyourworld.com/test/articles/1/1

    When viewing with firefox the:

    By Chris Albon | Published Yesterday | Europe | Rating:

    is properly displaying the blue border and background.

    However when viewing with IE the blue border and background is invisible.

    Here is a snippit from the css that deals with that part of the page:

    .Details
    {
    font: .6em Arial, Helvetica, sans-serif;
    padding: 5px 5px 5px 5px;
    border: #6495ed 1px solid;
    background-color: #dde8fb;
    color: #333333;
    }

    .Details A
    {
    color: #333333;

    }

    And here is actual coding from the page source:

    <div class="Details">
    By&nbsp;
    <a href='http://serveyourworld.com/test/authors/1/Chris-Albon'>Chris Albon</a>
    &nbsp;| Published
    &nbsp;Yesterday
    |
    <a href='http://serveyourworld.com/test/categories/Volunteer-Stories/Europe/'>Europe</a>
    |
    <span class='RatingDisplay'>
    <span class='RatingDisplay'>
    <span class='Label'>Rating/span>
    <span class='Rating'><img src='http://serveyourworld.com/test/templates/Blue-Template/Images/RateSecA.gif'>
    <img src='http://serveyourworld.com/test/templates/Blue-Template/Images/RateSecA.gif'>
    <img src='http://serveyourworld.com/test/templates/Blue-Template/Images/RateSecA.gif'>
    <img src='http://serveyourworld.com/test/templates/Blue-Template/Images/RateSecI.gif'>
    <img src='http://serveyourworld.com/test/templates/Blue-Template/Images/RateSecI.gif'>
    </span>
    </span>
    </span>
    </div>

    Does anyone see anything obviously wrong with this? I am still learning CSS and this problem is completely stumping me.

  2. #2
    masquerading Nick's Avatar
    Join Date
    Jun 2003
    Location
    East Coast
    Posts
    2,215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    border: #6495ed 1px solid;
    should be
    Code:
    border: 1px solid #6495ed;
    I believe that will fix your problem.
    Nick . all that we see or seem, is but a dream within a dream
    Show someone you care, send them a virtual flower.
    Good deals on men's watches


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
  •