Go Back   CodingForums.com > :: Client side development > HTML & CSS
Reload this Page css layout messed up in FireFox need help

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-21-2007, 06:51 PM   PM User | #1
fearfx
New to the CF scene

 
Join Date: Sep 2007
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
fearfx is an unknown quantity at this point
css layout messed up in FireFox need help
below is my index.css file for my website

PHP Code:
body
{
    background-color: #F3F3F3;
    color: #000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    margin: 2ex;
    padding: 0px;
    text-align: center;
}

a:link, a:visited
{
    color: #336699;
    text-decoration: none;
}

a:hover
{
    color: #336699;
    text-decoration: underline;
}

table, tr, td
{
    color: #000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
}

.orta
{
    padding: 10px;
    border: 1px solid #5D789C;
    background-color: #FFF;
}

.dis
{
    width: 500px;
    background-color: #ACBFD9;
    border: 1px solid #5D789C;
    padding: 8px;
}

.desctext
{
    color: gray;
}

.tablerow1 img,
.tablerow2 img,
.tablerow3 img
{
    vertical-align: middle;
    border: 0px;
}

.tablerow1
{
    background-color: #EAEDF0;
    padding: 6px;
    border-bottom: 1px solid #C1BEBE;
    border-right: 1px solid #C1BEBE;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.TopNavy
{
    background-color: #EEEEEE;
    background-image: url('images/off-bg.jpg');
    background-repeat: repeat-x;
    color: #666666;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
    padding: 0px;
    vertical-align: middle;
    height: 21px;
    border: 1px solid #FFFFFF;
    font-weight: normal;
}

.TopNavy a:link, .TopNavy a:visited
{
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #336699;
    text-decoration: none;
}

.TopNavy a:hover
{
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #FF0000;
    text-decoration: underline;
}

.Menu_Norm
{
    background-color: #EEEEEE;
    background-image: url('images/off-bg.jpg');
    background-repeat: repeat-x;
    color: #888888;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    padding: 0px;
    vertical-align: middle;
    height: 21px;
    border: 1px solid #FFFFFF;
    cursor: hand;
    font-weight: normal;
}

.Menu_Over
{
    background-color: #EEEEEE;
    background-image: url('images/on-bg.jpg');
    background-repeat: repeat-x;
    color: #666666;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    padding: 0px;
    vertical-align: middle;
    height: 21px;
    border: 1px solid #FFFFFF;
    cursor: hand;
    font-weight: normal;
}

.tableheader
{
    font-size: 11px;
    vertical-align: middle;
    font-weight: bold;
    color: #FFF;
    padding: 5px;
    background-image: url('images/table_title_gradient.gif');
    background-repeat: repeat-x;
    background-color: #3363A1;
}

.tableheader a:link, .tableheader a:visited
{
    color: #FFF;
    text-decoration: underline;
}

.tableheader a:hover
{
    color: #FFCC00;
    text-decoration: none;
}

.tableborder
{
    border: 1px solid #5D789C;
}

.tablerow1
{
    background-color: #EAEDF0;
    padding: 6px;
    border-bottom: 1px solid #C1BEBE;
    border-right: 1px solid #C1BEBE;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.tablerow2
{
    background-color: #F1F1F1;
    padding: 6px;
    border-bottom: 1px solid #C1BEBE;
    border-right: 1px solid #C1BEBE;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.tablerow3
{
    background-color: #D1DCEB;
    padding: 6px;
    border-bottom: 1px solid #D1DCEB;
    border-right: 1px solid #D1DCEB;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.tablerow4
{
    background-color: #C0CBDA;
    padding: 6px;
    border-bottom: 1px solid #D1DCEB;
    border-right: 1px solid #D1DCEB;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.main-area-for-section
{
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 8px;
}

.text-input
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 10px;
    width: 175px;
    height: 14px;
    padding: 0px;
}

.password-input
{
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    width: 175px;
    height: 14px;
    padding: 0px;
    color: #FF0000;
}

.submit-input
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    padding: 4px;
    border: 1px;
    background-color: transparent;
}

form
{
    margin: 0px;
}

.text-input2
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 10px;
    height: 14px;
    padding: 0px;
    vertical-align: middle;
}

.my-select
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 10px;
    height: 14px;
    padding: 0px;
    vertical-align: middle;
}

.file-input
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 10px;
    width: 235px;
    height: 20px;
    padding: 2px;
}

.text-area
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
    font-size: 10px;
    width: 300px;
    height: 100px;
    padding: 2px;
} 
now below here is an image of what my site looks like in FireFox and Internet Explorer



Thank you.
fearfx is offline   Reply With Quote
Old 09-21-2007, 07:11 PM   PM User | #2
BarrMan
Senior Coder

 
BarrMan's Avatar
 
Join Date: Feb 2005
Location: Israel.
Posts: 1,644
Thanks: 69
Thanked 83 Times in 82 Posts
BarrMan is on a distinguished road
What about the HTML code?
BarrMan is offline   Reply With Quote
Old 09-21-2007, 07:26 PM   PM User | #3
fearfx
New to the CF scene

 
Join Date: Sep 2007
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
fearfx is an unknown quantity at this point
PHP Code:
<div class='tableborder'>
    <div class="tableheader">
        <span style="float: left;">
        Event(s)<?php if ($_GET['message']) { echo ' - '.$_GET['message']; } ?>
        </span>
        <span style="float: right;">
        <a href="index.php?act=event_manager&sa=new">Add New &raquo;</a>
        </span>
    </div>
    <table width="100%" cellpadding="4" cellspacing="0">
        <tr>
            <td class="tablerow2" align="center" valign="middle" nowrap>
                <b>#</b>
            </td>
            <td class="tablerow2" width="100%">
                <b>Event Title</b> (Date) @ Location
            </td>
            <td class="tablerow2" align="center" valign="middle" nowrap>
                <b>Delete</b>
            </td>
            <td class="tablerow2" align="center" valign="middle" nowrap>
                <b>Edit</b>
            </td>
        </tr>
    <?php
        $alternate = true;
        $i = 1;
        while ($D = mysql_fetch_array($Q)) {
    ?>
        <tr>
            <td class="tablerow<?php if ($alternate) { echo '1'; } else { echo '2'; } ?>" align="center" valign="middle" nowrap>
                <?php echo $i . '.'; ?>
            </td>
            <td class="tablerow<?php if ($alternate) { echo '1'; } else { echo '2'; } ?>" width="100%">
                <?php echo stripslashes($D['title']) . ' (' . date('d.m.Y', $D['date']) . ' - ' . $D['time'] . ') @ ' . $D['location']; ?>
            </td>
            <td class="tablerow<?php if ($alternate) { echo '1'; } else { echo '2'; } ?>" align="center" valign="middle" nowrap>
                <a href="index.php?act=event_manager&sa=delete&id=<?php echo $D['event_id']; ?>" onclick="return onay()"><img src="images/delete.png" alt="Sil" border="0" /></a>
            </td>
            <td class="tablerow<?php if ($alternate) { echo '1'; } else { echo '2'; } ?>" align="center" valign="middle" nowrap>
                <a href="index.php?act=event_manager&sa=edit&id=<?php echo $D['event_id']; ?>"><img src="images/edit.png" alt="Düzenle" border="0" /></a>
            </td>
        </tr>
    <?php
        $alternate = !$alternate;
        $i++;
        }
    ?>
    </table>
</div>
fearfx is offline   Reply With Quote
Old 09-22-2007, 05:47 PM   PM User | #4
fearfx
New to the CF scene

 
Join Date: Sep 2007
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
fearfx is an unknown quantity at this point
can anyone help with this problem?
fearfx is offline   Reply With Quote
Old 09-22-2007, 10:34 PM   PM User | #5
garydarling
Regular Coder

 
Join Date: Feb 2007
Location: Seattle
Posts: 153
Thanks: 5
Thanked 9 Times in 9 Posts
garydarling can only hope to improve
Do you have a live version?
garydarling is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


« Previous Thread | Next Thread »
Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT +1. The time now is 09:29 PM.
Advertisement
Log in to turn off these ads.