SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Threaded View

  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question DIV not displaying correctly in Firefox

    The following attachment goofed up.jpg is an example of the problem I'm encountering with Firefox. The box surrounding the image is not displaying correctly. I want it to look like the file named correctlydisplayed.jpg. Internet Explorer displays it great, but not so great with Firefox 2.0.0.7.

    My CSS is as follows:

    #wrapper {
    background: #330000;
    margin: 100px auto;
    width: 900px;
    height: auto;
    padding: 0 0 1em 0;
    border: 5px groove #993300;
    }

    #maincontent h1 {
    font: bold 22px/25px Arial, sans-serif;
    color: white;
    margin-left: 1em;
    margin-top: 1em;
    padding: 1em 0;
    }

    #maincontent h2 {
    font: bold 16px/normal Arial, Helvetica, sans-serif;
    color: #FFFF66;
    margin-left: 1.35em;
    text-transform: uppercase;
    color: #FFFF66;
    padding: 0;
    margin-bottom: 0;
    }

    #maincontent {
    width: 700px;
    margin-left: 5%;
    }

    #maincontent p {
    font: normal 10pt/13pt Arial, Helvetica, sans-serif;
    color: white;
    margin-left: 2em;
    }

    img.sc {
    border-top: 2px solid #000000;
    border-right: 3px solid #999999;
    border-bottom: 3px solid #999999;
    border-left: 2px solid #000000;
    margin-bottom: 0.5em;
    float: left;
    margin-right: 10px;
    height: auto;
    width: 200px;
    }

    .price {
    font-style: italic;
    font-weight: bold;
    float: right;
    }

    And here is my code:

    HTML Code:
    <div id="wrapper">
    <div id="nav">
          <?php insertMenu($pages, 'thispage'); ?>
    </div>
    <div id="maincontent">
    <h1>For Sale</h1>
    <p><img src="images/sale/<?php echo $row_getForSale['fs_image']; ?>" alt="" class="sc" /></p>
    <h2><?php echo $row_getForSale['forsale_title']; ?></h2>
    <p><?php echo nl2br($row_getForSale['forsale_desc']); ?>
    <span class="price"><?php echo $row_getForSale['forsale_price']; ?></span></p>
    </div>
    
    </div>
    Thank you in advanced to those who can help!

    Heather
    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
  •