Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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"TahomaArialVerdana"Trebuchet MS";
        
    font-size11px;
        
    margin2ex;
        
    padding0px;
        
    text-aligncenter;
    }

    a:linka:visited
    {
        
    color#336699;
        
    text-decorationnone;
    }

    a:hover
    {
        
    color#336699;
        
    text-decorationunderline;
    }

    tabletrtd
    {
        
    color#000;
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size11px;
    }

    .
    orta
    {
        
    padding10px;
        
    border1px solid #5D789C;
        
    background-color#FFF;
    }

    .
    dis
    {
        
    width500px;
        
    background-color#ACBFD9;
        
    border1px solid #5D789C;
        
    padding8px;
    }

    .
    desctext
    {
        
    colorgray;
    }

    .
    tablerow1 img,
    .
    tablerow2 img,
    .
    tablerow3 img
    {
        
    vertical-alignmiddle;
        
    border0px;
    }

    .
    tablerow1
    {
        
    background-color#EAEDF0;
        
    padding6px;
        
    border-bottom1px solid #C1BEBE;
        
    border-right1px solid #C1BEBE;
        
    border-top1px solid #FFF;
        
    border-left1px solid #FFF;
    }

    .
    TopNavy
    {
        
    background-color#EEEEEE;
        
    background-imageurl('images/off-bg.jpg');
        
    background-repeatrepeat-x;
        
    color#666666;
        
    font-familyTrebuchet MSVerdanaTahomaArialsans-serif;
        
    font-size12px;
        
    padding0px;
        
    vertical-alignmiddle;
        
    height21px;
        
    border1px solid #FFFFFF;
        
    font-weightnormal;
    }

    .
    TopNavy a:link, .TopNavy a:visited
    {
        
    font-familyTrebuchet MSVerdanaTahomaArialsans-serif;
        
    font-size11px;
        
    color#336699;
        
    text-decorationnone;
    }

    .
    TopNavy a:hover
    {
        
    font-familyTrebuchet MSVerdanaTahomaArialsans-serif;
        
    font-size11px;
        
    color#FF0000;
        
    text-decorationunderline;
    }

    .
    Menu_Norm
    {
        
    background-color#EEEEEE;
        
    background-imageurl('images/off-bg.jpg');
        
    background-repeatrepeat-x;
        
    color#888888;
        
    font-familyVerdanaTahomaArialsans-serif;
        
    font-size11px;
        
    padding0px;
        
    vertical-alignmiddle;
        
    height21px;
        
    border1px solid #FFFFFF;
        
    cursorhand;
        
    font-weightnormal;
    }

    .
    Menu_Over
    {
        
    background-color#EEEEEE;
        
    background-imageurl('images/on-bg.jpg');
        
    background-repeatrepeat-x;
        
    color#666666;
        
    font-familyVerdanaTahomaArialsans-serif;
        
    font-size11px;
        
    padding0px;
        
    vertical-alignmiddle;
        
    height21px;
        
    border1px solid #FFFFFF;
        
    cursorhand;
        
    font-weightnormal;
    }

    .
    tableheader
    {
        
    font-size11px;
        
    vertical-alignmiddle;
        
    font-weightbold;
        
    color#FFF;
        
    padding5px;
        
    background-imageurl('images/table_title_gradient.gif');
        
    background-repeatrepeat-x;
        
    background-color#3363A1;
    }

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

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

    .
    tableborder
    {
        
    border1px solid #5D789C;
    }

    .
    tablerow1
    {
        
    background-color#EAEDF0;
        
    padding6px;
        
    border-bottom1px solid #C1BEBE;
        
    border-right1px solid #C1BEBE;
        
    border-top1px solid #FFF;
        
    border-left1px solid #FFF;
    }

    .
    tablerow2
    {
        
    background-color#F1F1F1;
        
    padding6px;
        
    border-bottom1px solid #C1BEBE;
        
    border-right1px solid #C1BEBE;
        
    border-top1px solid #FFF;
        
    border-left1px solid #FFF;
    }

    .
    tablerow3
    {
        
    background-color#D1DCEB;
        
    padding6px;
        
    border-bottom1px solid #D1DCEB;
        
    border-right1px solid #D1DCEB;
        
    border-top1px solid #FFF;
        
    border-left1px solid #FFF;
    }

    .
    tablerow4
    {
        
    background-color#C0CBDA;
        
    padding6px;
        
    border-bottom1px solid #D1DCEB;
        
    border-right1px solid #D1DCEB;
        
    border-top1px solid #FFF;
        
    border-left1px solid #FFF;
    }

    .
    main-area-for-section
    {
        
    background-color#FFFFFF;
        
    border1px solid #EEEEEE;
        
    padding8px;
    }

    .
    text-input
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size10px;
        
    width175px;
        
    height14px;
        
    padding0px;
    }

    .
    password-input
    {
        
    font-familyTahomaVerdanaArialsans-serif;
        
    font-size12px;
        
    width175px;
        
    height14px;
        
    padding0px;
        
    color#FF0000;
    }

    .
    submit-input
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size11px;
        
    padding4px;
        
    border1px;
        
    background-colortransparent;
    }

    form
    {
        
    margin0px;
    }

    .
    text-input2
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size10px;
        
    height14px;
        
    padding0px;
        
    vertical-alignmiddle;
    }

    .
    my-select
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size10px;
        
    height14px;
        
    padding0px;
        
    vertical-alignmiddle;
    }

    .
    file-input
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size10px;
        
    width235px;
        
    height20px;
        
    padding2px;
    }

    .
    text-area
    {
        
    font-family"Lucida Grande""Lucida Sans Unicode"TahomaArialVerdana"Trebuchet MS";
        
    font-size10px;
        
    width300px;
        
    height100px;
        
    padding2px;

    now below here is an image of what my site looks like in FireFox and Internet Explorer



    Thank you.

  • #2
    Senior Coder BarrMan's Avatar
    Join Date
    Feb 2005
    Location
    Israel.
    Posts
    1,644
    Thanks
    69
    Thanked 83 Times in 82 Posts
    What about the HTML code?

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>

  • #4
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    can anyone help with this problem?

  • #5
    Regular Coder
    Join Date
    Feb 2007
    Location
    Seattle
    Posts
    153
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Do you have a live version?


  •  

    Posting Permissions

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