Weird Stuff with FF
Posted: Sun Jul 31, 2005 5:20 am
i'm having a weird problem with my form. when you load it, it looks fine, but when you click the button it gets distorted. i have never seen this before. maybe you have had this kind of problem before?
you can copy the whole code for easy checking.
you can copy the whole code for easy checking.
Code: Select all
<!DOCTYPE HTML PUBLIC "e;-//W3C//DTD HTML 4.01//EN"e; "e;http://www.w3.org/TR/html4/strict.dtd"e;>
<html>
<head>
<meta http-equiv="e;Content-Type"e; content="e;text/html; charset=windows-1257"e;>
<title>Administrative Interface</title>
<style>
html
{
margin: 0;
width: 100%;
height: 100%;
}
body
{
background-color: #E6E6E6;
font-family: verdana;
font-size: 1em;
display: table;
color: #000000;
margin: 0;
width: 100%;
height: 100%;
}
input, textarea
{
border: 1px solid #BCD8DE;
background-color: #ffffff;
font-family: courier;
font-size: 1.0em;
}
.dark_bg
{
border: 1px solid #BCD8DE;
background-color: #D0E3E8;
}
#container
{
display: table-cell;
vertical-align: middle;
font-size: 0.7em;
}
#form_container
{
display: table;
margin: 0 auto;
}
#f_button
{
float: right;
text-align: center;
width: 20em;
}
.f_label
{
float: right;
}
.f_el
{
float: right;
text-align: left;
width: 20.25em;
}
.clear_float
{
clear: right;
}
.head_f
{
height: 1.2em;
width: 20em;
}
.body_f
{
width: 20em;
height: 7.2em;
overflow: hidden;
}
#submit_b
{
font-family: verdana;
font-size: 1em;
border: 1px solid #BCD8DE;
background-color: #ffffff;
}
</style>
</head>
<body>
<div id="e;container"e;>
<div id="e;form_container"e; class="e;dark_bg"e;>
<form method="e;post"e; action="e;../func/insert.php?do=add_news"e;>
<span class="e;f_el"e;><input class="e;head_f"e; type="e;text"e; name="e;head"e;></span>
<span class="e;f_label"e;>Headline:</span><br class="e;clear_float"e;>
<span class="e;f_el"e;><textarea class="e;body_f"e; name="e;body"e; rows="e;6"e; cols="e;33"e;></textarea></span>
<span class="e;f_label"e;>Body:</span><br class="e;clear_float"e;>
<span id="e;f_button"e;><input id="e;submit_b"e; type="e;submit"e; value="e;Submit"e;></span>
</form>
</div>
</div>
</body>
</html>