CSS and Firefox

    Date: 03/07/08 (WebDesign)    Keywords: php, css, html

    Hello all. I'm hoping somebody can help me out here. I'm usually able to get my CSS styles working in IE and Firefox with no problems, but for some reason this new site I'm working on is giving me some issues. In IE, of course, everything works great.. but in Firefox, my secondary pages are not displaying correctly, and I cannot get some links to work. Behind the cut, I'm posting code and examples.

    In my css file, I believe this is the portion that's causing problems:

    #wrapper {position: relative;
    width: 800px;
    background: url('../images/bg.png');
    background-repeat: repeat-y;
    margin: auto;}

    #container {position: relative;
    width: 100%;
    background: transparent;
    float: left;}

    #content_top {position: relative;
    background: url('../images/content_top.png') no-repeat;
    width: 650px;
    height: 18px;
    margin: 0px auto;}

    #content {position: relative;
    top: 0px;
    left: 0px;
    margin: 0px auto;
    width: 650px;
    min-height: 300px;
    background: url('../images/content_bg.png') repeat-y;
    text-align: center;}

    #content_foot {position: relative;
    top: 0px;
    left: 0px;
    margin: 0px auto;
    width: 650px;
    height: 18px;
    background: url('../images/content_foot.png');
    background-repeat: no-repeat;}

    #footer {position: relative;
    width: 800px;
    background: transparent;
    margin: 10px auto 10px auto;}

    On my index page, everything looks ok, but on secondary pages, it displays like this in IE and Firefox:

    IE


    Firefox


    This is the HTML layout of my secondary pages:




    Banner Ads Here






    Main Menu







    American Restaurants


    0){
    while ($row = mysql_fetch_assoc($res)){
    echo "

    View All

    ";
    echo "

    {$row['name']}

    ";
    echo "

    View Menu

    ";
    echo "

    {$row['address']}
    ";
    echo "{$row['city']}, {$row['state']} {$row['zip']}
    ";
    echo "{$row['phone']}

    ";
    echo "

    Type of Cuisine: {$row['type']}

    ";
    echo "

    Style: {$row['style']}

    ";
    echo "

    Hours: {$row['hours']}

    ";
    echo "

    Meals: {$row['meals']}

    ";
    echo "

    Prices: {$row['prices']}

    ";
    echo "

    Payment Notes: {$row['payment_notes']}

    ";
    echo "

    Payment Methods: {$row['payment_methods']}

    ";
    echo "

    Alcohol: {$row['alcohol']}

    ";
    echo "

    Handicap Access: {$row['handicap_access']}

    ";
    echo "

    Seating Capacity: {$row['seating_capacity']}

    ";
    echo "

    Parking: {$row['parking']}

    ";
    echo "

    Smoking: {$row['seating']}

    ";
    echo "

    Reservations: {$row['reservations']}

    ";
    echo "

    Attire: {$row['attire']}

    ";
    echo "

    Age Restrictions: {$row['age_restrictions']}

    ";
    echo "

    Services: {$row['services']}

    ";
    }
    }
    else if (mysql_num_rows($res2) > 0){
    while ($row2 = mysql_fetch_assoc($res2)){
    echo "

    For more information, click on a restaurant name.

    ";
    echo "

    {$row2['name']}

    ";
    echo "

    {$row2['address']}
    ";
    echo "{$row2['city']}, {$row2['state']} {$row2['zip']}
    ";
    echo "{$row2['phone']}

    ";
    echo "

    ";
    }
    echo "

    ";
    if ($page1 > 1) {
    $prev = ($page1 - 1);
    echo "<< Next 10 ";
    }
    if ($page1 < $total_pages) {
    $next = ($page1 + 1);
    echo "Previous 10 &gt;&gt;";
    }
    }
    ?>











    I don't believe it has anything to do with my php because I've had no issues with this on other sites, and again, everything works with that in IE. Can anyone suggest some changes to make so this site looks right in Firefox as well? I've been racking my brain for a few days and cannot for the life of me figure out what the deal is. Any help or suggestions is greatly appreciated!


    Thank you!

    Source: http://community.livejournal.com/webdesign/1366059.html

« Web Design RFQ || Domain name question »


antivirus | apache | asp | blogging | browser | bugtracking | cms | crm | css | database | ebay | ecommerce | google | hosting | html | java | jsp | linux | microsoft | mysql | offshore | offshoring | oscommerce | php | postgresql | programming | rss | security | seo | shopping | software | spam | spyware | sql | technology | templates | tracker | virus | web | xml | yahoo | home