Det hele startede med, at jeg i alle de celler med et textfelt i, havde 3px i overskud til højre i cellen, og 1px i bunden. Så jeg fjernede alle paddings m.m., så alle celler "klappede" helt sammen. Jeg håbede at kunne finde fejlen ad dén vej, for underligt nok sad den lige i øjet i både FF og FireFox.
Jeg smider mit CSS og HTML, renset for VB-scripting og JavaScripts. Det er kun HTML og CSS, der er interessant her:
CSS:
html, body {
background-color: #396da5;
height: 100%;
margin: 0px;
border: 0px;
padding-top: 0px;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
color: black;
font-style: normal;
font-weight: normal;
font-size: 11px
}
.headline {
padding: 20px 0px;
color: black;
font-style: normal;
font-weight: bold;
font-size: 22px;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
line-height: 28px;
}
.maintableadmin {
width: 755px;
padding: 0px;
margin: 0px auto;
border-collapse: collapse;
background-color: #fff
}
.adminbanner {
width: 755px;
height: 60px;
padding: 0px
}
.vform {
width: 535px;
margin: 0px;
padding: 0px;
border-collapse: collapse
}
.tdmenu {
width: 159px;
padding: 0px;
vertical-align: top;
border-right: 1px solid black
}
.tablecontent {
width: 535px;
border-collapse: collapse
}
.table1 {
padding: 0px;
margin: 0px auto
border-collapse: collapse
}
.tdcontent {
vertical-align: top;
padding: 0px 30px 30px 30px;
background-color: #7D6B5A
}
.tdgrey1 {
width: 130px;
padding: 0px;
background-color: #e8e8e8
}
.tdgrey2 {
width: 180px;
padding: 0px;
background-color: #e8e8e8
}
.tdgrey3 {
width: 225px;
padding: 0px;
background-color: #e8e8e8
}
.tdgrey4 {
width: 405px;
padding: 0px;
background-color: #e8e8e8
}
.tdblue1 {
width: 130px;
padding: 0px;
background-color: #e2f0ff
}
.tdblue2 {
width: 180px;
padding: 0px;
background-color: #e2f0ff
}
.tdblue3 {
width: 225px;
padding: 0px;
background-color: #e2f0ff
}
.tdblue4 {
width: 405px;
padding: 0px;
background-color: #e2f0ff
}
.input1 {
width: 178px;
border: 1px solid black;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
font-size: 11px;
background-color: #ffffcc
}
.btn {
buttonhighlight buttonshadow buttonshadow buttonhighlight;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
font-size: 10px
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="/includes/style.css">
<title>Opret ny bruger</title>
</head>
<body document.frmCreateUser.username.focus()">
<table style="width: 755px; padding: 0px; margin: 0px auto; border-collapse: collapse; background-color: #fff">
<tr>
<td colspan="2" style="border-bottom: 1px solid black" class="adminbanner">Banner</td>
</tr>
<tr>
<td class="tdmenu">Menu<br>T</td>
<td class="tablecontent tdcontent">
<form name="frmCreateUser" method="post" action="/admin/createuser.asp" class="vform">
<input type="hidden" name="mode" value="createuser">
<table class="tablecontent table1">
<tr>
<td colspan="3" class="headline tablecontent">Opret ny bruger</td>
</tr>
<tr>
<td style="width: 130px; padding: 0px; background-color: #fff">Brugernavn:</td>
<td style="width: 180px; padding: 0px; background-color: #0000ff"><input type="text" name="username" tabindex="1" class="input1"></td>
<td style="width: 225px; padding: 0px; background-color: #ff00ff"></td>
</tr>
<tr>
<td class="tdgrey1">Fornavn:</td>
<td class="tdgrey2"><input type="text" name="firstname" tabindex="2" class="input1"></td>
<td class="tdgrey3"></td>
</tr>
<tr>
<td style="width: 130px; padding: 0px; background-color: #fff">Mellemnavn</td>
<td style="width: 180px; padding: 0px; background-color: #0000ff"><input type="text" name="middlename" tabindex="3" class="input1"></td>
<td style="width: 225px; padding: 0px; background-color: #ff00ff"></td>
</tr>
<tr>
<td class="tdgrey1">Efternavn:</td>
<td class="tdgrey2"><input type="text" name="lastname" tabindex="4" class="input1"></td>
<td class="tdgrey3"></td>
</tr>
<tr>
<td class="tdblue1">E-mailadresse:</td>
<td class="tdblue2"><input type="text" name="email" tabindex="5" class="input1"></td>
<td class="tdblue3"></td>
</tr>
<tr>
<td class="tdgrey1">Telefon, arbejde:</td>
<td class="tdgrey2"><input class="input1"></td>
<td class="tdgrey3"></td>
</tr>
<tr>
<td class="tdblue1">Telefon, privat:</td>
<td class="tdblue2"><input type="text" name="phoneathome" tabindex="7" class="input1"></td>
<td class="tdblue3"><span id="countdownphoneathome"></span></td>
</tr>
<tr>
<td class="tdgrey1">Mobiltelefon:</td>
<td class="tdgrey2"><input type="text" name="cellphone" tabindex="8" class="input1"></td>
<td class="tdgrey3"><span id="countdowncellphone"></span></td>
</tr>
<tr>
<td class="tdblue1">Fødselsdag:</td>
<td colspan="2" class="tdblue4">
<select size="1" name="dateofbirth" tabindex="9" class="input3">
<option value="bdate" selected>Dato</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
......................
</select>
<select size="1" name="monthofbirth" tabindex="10" class="input3">
<option value="bmonth" selected>Måned</option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select size="1" name="yearofbirth" tabindex="11" class="input3">
<option value="byear" selected>År</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
........................
</select>
</td>
</tr>
<tr>
<td class="tdgrey1">Administrator:</td>
<td colspan="2" class="tdgrey4"><input type="checkbox" name="adminrights" tabindex="12"></td>
</tr>
<tr>
<td class="tdblue1"> </td>
<td colspan="2" class="tdblue4"><input type="submit" name="createuser" tabindex="13" value="Opret bruger" class="btn"> <input type="button" value="Slet alt" tabindex="14" onclick="if(confirm('Er du sikker?')) window.document.frmCreateUser.reset();" class="btn"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
1. Den måde jeg har lavet det, er rigtigt nok? Jeg kan ikke se hvorfor textfeltet kun er 178 med den sorte border på hver side. Men jeg følger nok bare dit råd, roenving, og passer det til. Jeg kan bare ikke se hvorfor den laver det lille stunt :o)
2. Mens I er her: Hvorfor er fokus ikke i textfeltet username i NS og FireFox, når jeg beder om det i BODY-tagget?
3. Hvorfor laver både MSIE og Opera 3px til højre for textfeltet, og 1px under - altså inde i cellen?
Jeg sætter point op, hvis I gider hjælpe mig med de spørgsmål. Jeg har LÆNGE kæmpet med de småting (det med 3px og 1px). Det ER småting, men for F............... hvor de irriterer mig :o)
I skal ikke tage Jer af farverne. Jeg lagde dem bare ind for at kunne se hvor den ene cell slutter, og hvor den næste begynder :o)
Ny bruger
Nybegynder
Opret
Preview
