SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    May 2004
    Location
    CZ
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem in Mozilla

    I have problem with this site (it's without design because it's only an example but with real source).

    http://www.isymbiont.net/test.php

    The problem: It si scrolling the whole page in Mozilla, I don't want it. In IE and Opera - OK.

    The source is:


    test.php >>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>nazev</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

    <script language="JavaScript">
    <!--

    function ulozit_q()
    {
    document.form1.action="q_save.php";
    document.form1.submit();
    return true;
    }

    //-->
    </SCRIPT>

    <style type="text/css">
    <!--

    html, body {
    height: 100%;
    *height: 74%; /* cte pouze IE */
    }


    *#outer{ /* cte pouze IE */
    height: 74%;
    width: 580px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    }
    #buttons {
    text-align: center;
    width: 580px;
    margin: 0px;
    padding: 0px;
    }
    html>body #outer { /* cte pouze Mozilla, Opera */
    height: 74%;
    width: 580px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    }

    body {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 2px;
    }
    .style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    }
    .style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
    -->
    </style>

    <link href="text_normal.css" rel="stylesheet" type="text/css">
    <link href="tabulka_main.css" rel="stylesheet" type="text/css">
    <link href="okno01.css" rel="stylesheet" type="text/css">
    <link href="button01.css" rel="stylesheet" type="text/css">

    </head>

    <body>
    <table align="center" class="tabulka_main" border="0" cellpadding="0" cellspacing="0">
    <form name="form1" method="post" action="main.php">

    <! hlavni menu >

    <tr align="left" valign="top">
    <td height="100" colspan="4"><table width="100%" height="100" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="12" height="100" rowspan="2" background="images/top_field_02.jpg"> </td>
    <td width="119" height="13"><img src="images/top_field_03.jpg" width="119" height="13"></td>
    <td width="275" height="100" rowspan="2" background="images/top_field_01.jpg"> </td>
    <td width="254" height="100" rowspan="2" align="left" valign="middle" background="images/login_field_02.jpg"></td>
    <td width="100" height="100" rowspan="2" align="left" valign="middle" background="images/login_field_01.jpg"><p><span class="style1"><strong class="text_bold">Prihlasen/strong> <br> </span></p>
    <p class="text_odkaz">LOGOUT</p></td>
    </tr>
    <tr>
    <td width="119" height="87"><img src="logo_view.php" width="119" height="87"></td>
    </tr>
    </table></td>
    </tr>
    <tr align="left" valign="top">
    <td height="20" colspan="4" background="images/menu_field_01.jpg"><div align="center"><span class="text_bold">MENU 1 | MENU 2 | MENU 3</span></div></td>
    </tr>

    <! konec hlavni menu >

    <tr align="left" valign="top">
    <td width="10" height="270"><div align="left"></div></td>

    <! leve menu >

    <td width="160px" height="270px" class="text_bold"><br>
    <span class="text_bold">ABC01</span><br>
    - text<br>

    <input name="abcd01" type="submit" class="button02" value="- text2">
    <br>
    <input name="abcd02" type="submit" class="button02" id="abcd02" value="- text3">
    <br>
    <input name="abcd03" type="submit" class="button02" value="- text4">
    <br>
    <br>
    ABC02br>
    <span class="text_bold_nadpis_pododkaz">- text5</span>
    <br>
    <input name="abcd04" type="submit" class="button04" id="text5" value="- text5">
    <br>
    <input name="abcd05" type="submit" class="button04" id="text6" value="- text6">
    <br>
    <input name="abcd06" type="submit" class="button04" id="text7" value="- text7">
    <br>
    <span class="text_bold_nadpis_pododkaz">- text6<br>
    </span>
    <input name="abcd07" type="submit" class="button04" id="text8" value="- text8">
    <br>
    <input name="abcd08" type="submit" class="button04" id="text9" value="- text9">
    <br>
    <input name="abcd09" type="submit" class="button04" id="text10" value="- text10">
    <br>
    <span class="text_bold_nadpis_pododkaz">- text7<br>
    </span>
    <input name="abcd10" type="submit" class="button04" id="text11" value="- text11">
    <br>
    <input name="abcd11" type="submit" class="button04" id="text12" value="- text12">
    <br>
    <input name="abcd12" type="submit" class="button04" id="text13" value="- text13">
    <br>

    </td>

    <! konec leve menu >

    <td class="tabulka_middle">

    <table border="0" cellpadding="0" cellspacing="0" class="tabulka_inside">
    <tr>
    <td rowspan="2" class="tabulka_snmp_bunka3"><div align="right"><img src="images/bg_tabulka_nadpis.jpg" width="50%" height="35"></div></td>
    <td colspan="3" class="tabulka_snmp_bunka4" background="images/bg_tabulka_nadpis.jpg"><div align="center" class="text_bold">
    <div align="left">TEXT NAZEV</div>
    </div></td>
    </tr>
    <tr>
    <td class="tabulka_snmp_bunka1"><span class="text_bold">SLOUPEC DAT Z PHP C. 1</span></td>
    <td class="tabulka_snmp_bunka1"><span class="text_bold">SLOUPEC DAT Z PHP C. 2</span></td>
    <td class="tabulka_snmp_bunka2"><span class="text_bold">SLOUPEC DAT Z PHP C. 3</span></td>
    </tr>
    </table>

    <div id="outer">

    <table border="0" cellpadding="0" cellspacing="0" class="tabulka_inside">
    <tr>
    <td rowspan="2" class="tabulka_snmp_bunka5"><div align="right"></div></td>
    <td colspan="3" class="tabulka_snmp_bunka6"><div align="center" class="text_bold">
    </div></td>
    </tr>
    <tr>
    <td class="tabulka_snmp_bunka1"></td>
    <td class="tabulka_snmp_bunka1"></td>
    <td class="tabulka_snmp_bunka2"></td>
    </tr>

    <! TADY JSOU GENEROVANA DATA Z PHP >
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT TADY JE TEXT
    <! KONEC TADY JSOU GENEROVANA DATA Z PHP >


    </table>
    </div>

    <div id="buttons">
    <input name="save" type="button" class="button01" value="Uložit" onclick="ulozit_q()">
    <input name="puvodni" type="button" class="button01" onclick="self.location.reload();" value="Původní">
    </div>



    </td>
    <td width="10" height="270"> </td>
    </tr>

    <! ZAPATI >

    <tr align="center" valign="middle">
    <td height="30" colspan="4" background="images/zapati_field_01.jpg">
    <span class="text_normal">
    <! DATA Z SQL >
    </span></td>
    </tr>

    <! KONEC ZAPATI >

    </form>
    </table>

    </body>
    </html>


    /// END OF SOURCE

    tabulka_main.css >>

    .tabulka_main {
    height: 100%;
    width: 760px;
    border: 1px solid green;
    }
    .tabulka_inside {
    width: 551px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    }
    .tabulka_middle {
    height: 100%;
    width: 580px;
    border: 1px solid #66FF33;
    background-color: #FFFFCC;
    margin: 0px;
    padding: 0px;
    }
    .tabulka_login_main {
    height: 100px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    }
    .tabulka_login {
    height: 72px;
    width: 490px;
    }
    .tabulka_login2 {
    height: 61px;
    width: 270px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }
    .tabulka_login3 {
    height: 100px;
    width: 270px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }
    .tabulka_login_bunka {
    height: 18px;
    width: 120px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding: 0px 0px 0px 60px;
    margin: 0px;
    }
    .tabulka_login_bunka2 {
    height: 20px;
    width: 270px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    padding: 0px 0px 0px 40px;
    margin: 0px;
    }
    .tabulka_login_bunka3 {
    height: 18px;
    width: 150px;
    padding: 0px;
    margin: 0px;
    }
    .tabulka_login_bunka4 {
    height: 18px;
    width: 270px;
    padding: 0px 0px 0px 108px;
    margin: 0px;
    vertical-align: bottom;
    }
    .tabulka_snmp_bunka1 {
    width: 148px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    }
    .tabulka_snmp_bunka2 {
    width: 195px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    text-align: left;
    }
    .tabulka_snmp_bunka3 {
    width: 60px;
    vertical-align: top;
    text-align: right;
    }
    .tabulka_snmp_bunka4 {
    width: 491px;
    height: 35px;
    vertical-align: middle;
    text-align: right;
    }
    .tabulka_snmp_bunka5 {
    width: 60px;
    vertical-align: top;
    text-align: right;
    }
    .tabulka_snmp_bunka6 {
    width: 491px;
    height: 3px;
    vertical-align: middle;
    text-align: right;
    }
    .tabulka_snmp_bunka7 {
    width: 388px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    }

    THAT'S ALL.

  2. #2
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    A "Please" would be nice?

  3. #3
    SitePoint Addict
    Join Date
    Dec 2002
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    too much to look at... but start by putting units on all your witdths etc...

    plus does this page validate?

  4. #4
    SitePoint Zealot
    Join Date
    Mar 2003
    Location
    Morges Switzerland
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You should always validate a page. then you will find several problems, for example:
    HTML Code:
    <table align="center" class="tabulka_main" border="0" cellpadding="0" cellspacing="0">
    <form name="form1" method="post" action="main.php">
    <tr align="left" valign="top">
    Here the form is direct in the table, before the tr td tags. Everything in a table must be in td tags. That can give already a lot of problems.

    wimb


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
  •