Autor Zpráva
pschut@atlas.cz
Profil *
V novém FF19 se přestal obsah tabulky roztahovat na celou šířku tabulky (roztahuje se pouze okraj).
V IE8 se obsah tabulky roztahuje bez problémů, ale v novém FF nikoliv.
Níže přikládám jednoduchý kód HTML stránky. Zkoušel jsem již všechno možné, ale ve FF se mi zatím nedaří obsah roztáhnout. Neřešil jste náhodou někdo tento problém? Mám použít nějakou jinou vlastnost CSS atribut?
Děkuji.



Příklad:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>Prihlaseni</TITLE>
<style type="text/css">

.logDiv {
/*
  left: 30%;
  top: 15%;
  position: relative;
width: 450px;
*/
/*width: 50%;*/
  border-style: solid;
  border-color: red;
margin-top: 150px;
margin-left: 150px;
width: 50%;
/*margin-right: 150px;*/
  display: inline-block;
}


.loginTable  {
  border-color: blue;
  border-width: 5px;
  border-style: solid;
  padding: 3px;
  width: 100%;
  display: inline-block;
}


.logini {
   font-size: 11px;
   padding: 2px;
}

td.row1 { background-color: #EFEFEF; padding: 3px; padding-left: 5px;}
td.row2 { background-color: #DEE3E7; padding: 3px; padding-left: 5px;}

th {
  color: #fff;
  background-color: #002d47;
}
</style>
</head>
<body>

<div class="logDiv">
    <FORM method="post" id="main" action="#">
        <TABLE class="loginTable"  >
        <tbody>
            <TR>
               <TH colspan='2'><SPAN class="thtext">Prihlaseni do systemu</SPAN></TH>
            </TR>
            <TR>
               <TD class=row1><SPAN class="thtext">Prihlasovaci jmeno:</SPAN></TD>
               <TD class=row2><INPUT size='30' class="logini" name="username"></TD>
            </TR>
            <TR>
               <TD class=row1><SPAN class="thtext">Heslo:</SPAN></TD>
               <TD class=row2><INPUT size='30' class="logini" type="password" name="password"></TD>
            </TR>
            <TR>
               <TD colSpan=2><input name='btn_login' id='btn_login' class='button' type='submit' value='&nbsp;&nbsp;OK&nbsp;&nbsp;' style='margin-top: 5px; margin-bottom: 5px' ></TD>
            </TR>
        </tbody>
        </TABLE>
    </FORM>
  </div><!-- konec logDiv -->

</body>
</html>
Trejpa
Profil
pschut@atlas.cz:
Nedělej z tabulky inline-block.
pschut
Profil *
Trejpa:
Super. Díky. Pomohlo to.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: