Storlek på formulär?

Hur får jag fälten så att dom blir lika stora i alla webläsare?
Det är Safari på macen som strular där blir dom så jäkla breda och förstör allt.
Hur kodar man så att dom blir lika breda på både mac & pc?

<form method="post" action="guestbook.asp?do=add" name="gastbok" onSubmit="return GbIn()">
  <table border="0" cellpadding="0" cellspacing="5">
    <tr> 
      <td>Name<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17"> 
      </td>
      <td>E-mail<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="email" size="17"> 
      </td>
      <td>Homepage<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="hemsida" size="17"> 
      </td>
    </tr>
    <tr> 
      <td colspan="3">Message</td>
    </tr>
    <tr> 
      <td colspan="3"><textarea name="Meddelande" style="color:000000;border: 1px solid;border-color:000000;" cols="70" rows="7"></textarea></td>
    </tr>
    <tr>
      <td colspan="3"><input type="image" border="0" name="Posta inl&auml;gg" src="graphic/submit.gif" width="51" height="13"></td>
    </tr>
  </table>
</form>

Tack :birp

Att få dom exakt lika är ganska svårt tyvärr.
Men, om du använder css för att applicera bredden så borde du få ett bättre resultat. :)

style="width:200px;"

Jag använder mig av följande kod när jag gör formulär till hemsidan:

border-width: 1px;
border-color: #000;
font-size: 1em;

Det ger rätt bra resultat och det ser nästan likadant ut i alla läsare. Tror jag. :D

Instämmer med ovanstående, css är nog din bästa möjlighet. Tyvärr verkar inte Safari tolka gällande standard från w3c så bra.

Intressant sida som tar upp detta problem. :)
http://www.456bereastreet.com/archive/200409/styling_form_controls/

Hur får jag in palles kod? Ska den vara i denna raden?
<input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17">

eko skrev:

Hur får jag in palles kod? Ska den vara i denna raden?
<input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17">

Lägg bara in width: 200px; där.

<input type="text" style="color:000000;border: 1px solid;border-color:000000;width:200px;" name="namn" size="17">

Fast jag hade ju gjort allt med CSS.

input {
	width: 200px;
}

<input type="text" name="namn" />

Det blev denna kod!

<input type="text" style="color:000000;border: 1px solid;border-color:000000;width:100px;" name="namn">

Men hur gör jag för det stora meddelande fältet som har flera rader?

<textarea name="Meddelande" style="color:000000;border: 1px solid;border-color:000000;" cols="70" rows="7"></textarea>

:q

Samma sak? :) Lägg till width: 200px; (eller vad du nu önskar för mått). Och meka lite med cols.

<input type="text" style="border: 1px solid #000;width:100px;" name="namn">
<br/>
<textarea name="Meddelande" style="border: 1px solid #000;width:100px;" cols="70" rows="7"></textarea>