Angivelse af bredde på type="text"

hvis du bruger style="bla bla" burde det jo strengt taget vises ens i alle browsere...

:-)

100 pixels er vel altid 100 pixels

Også ved formularfelter? Jeg har godt nok problemer :/

øh - hvad mener du  med formularfelter ?

input
select

?!?

textarea ?

textfelter

Hvis du ser på http://www.include.dk/newuser.asp i Opera, ønsker jeg 4 kolonner:

            <form name="frmUser" action="/login.asp" method="post" style="margin: 0px;">
            <input type="hidden" name="mode" value="create">
                <table border="0" cellpadding="0" cellspacing="0" class="full">
                    <tr>
                        <td align="right" colspan="4" style="height: 30px;" class="full"></td>
                    </tr>
                    <tr>
                        <td align="left" colspan="4" class="headlinepadding headline full">Opret mig som bruger</td>
                    </tr>
                    <tr>
                        <td align="left" colspan="4" style="padding: 3px 0px 20px 0px;" class="full"><b>Alle felter skal udfyldes. Det er dog kun brugernavn, fødselsdato og alder, der som standard vil blive vist i din profil.</b></td>
                    </tr>
                    <tr>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 140px;">Brugernavn:</td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 220px;"><input tabindex="1" style="width: 208px;" type="text" name="username" onkeydown="showLenUser();" onkeyup="showLenUser();" onchange="showLenUser();" onfocus="showLenUser();" onblur="showLenUser();" class="input1"></td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 60px;"><input type="text" name="countdownuser" readonly size="4" value="" class="input1"></td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 148px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="4"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
                    </tr>

                </table>
            </form>

De masser af <br><br> er bare sat ind for at få en scrollbar.

Uanset hvordan jeg gør, kliner den lille textbox sig op ad den store.

Jeg har 568px til rådighed til de 4 kolonner:

140 + 220 + 60 + 148 = 568

Der er kun padding foroven og forneden i cellerne, så det er ikke padding'en, der forskuber noget.

Kolonne 1 (align="left")
140px til tekst

Kolonne 2 (align="left"):
220px til textfelt, hvoraf de 208px går til textfelt, 2px går til den sorte kant (1px på hver side).
De overskydende 10px skulle gå til mellemrum til næste celle.

Kolonne 3 (align="left"):
60px til lille textfelt (bredde: 48px; 2px til sort kant til højre og venstre, de overskydende 10px skal bruges til mellemrum til næste kolonne).

Kolonne 4 (align="left"):
Der er så 148px i overskud til denne celle.

PS: Jeg har så sat padding-top/bottom til 3px for at få noget luft ind mellem rækkerne, men der er ingen padding-left/right mellem cellerne til at forskubbe noget.

beklager, jeg har desværre ikke tid til at kigge ovenstående igennem :-(

Håber nogen andre kan hjælpe dig videre...

Held & lykke :-)

Ok, men ellers tak for indsatsen. Jeg tror jeg selv er ved at være på sporet af noget :)

Fandt selv løsningen:

            <form name="frmUser" action="/login.asp" method="post" style="margin: 0px;">
            <input type="hidden" name="mode" value="create">
                <table border="0" cellpadding="0" cellspacing="0" style="width: 568px;">
                    <tr>
                        <td colspan="4" style="height: 30px; width: 568px;"></td>
                    </tr>
                    <tr>
                        <td align="left" colspan="4" class="headlinepadding headline" style="width: 568px;">Opret mig som bruger</td>
                    </tr>
                    <tr>
                        <td align="left" colspan="4" style="padding: 3px 0px 20px 0px; width: 568px;"><b>Alle felter skal udfyldes. Det er dog kun brugernavn, fødselsdato og alder, der som standard vil blive vist i din profil.</b></td>
                    </tr>
                    <tr>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 140px; background-color: #ff0000;">Brugernavn:</td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 220px; background-color: #e7e7e7;"><input tabindex="1" style="width: 208px;" type="text" name="username" onkeydown="showLenUser();" onkeyup="showLenUser();" onchange="showLenUser();" onfocus="showLenUser();" onblur="showLenUser();" class="input1"></td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 60px; background-color: #ffff00;"><input type="text" style="width: 48px;" name="countdownuser" readonly value="" class="input1"></td>
                        <td align="left" style="padding: 3px 0px 3px 0px; width: 148px; background-color: #0000ff;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="4"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
                    </tr>

                </table>
            </form>

Desuden var der padding på overskriften, og det var den, der ødelagde det hele :)