---
title: "Storlek på formulär?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/134826-storlek-på-formulär"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "eko"
published: "2005-09-26T12:59:28.000Z"
updated: "2005-09-26T13:52:51.000Z"
replies: 9
views: 364
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/134826-storlek-på-formulär"
---

# Storlek på formulär?

## #1 — eko, 2005-09-26T12:59Z

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

Permalänk: https://www.webforum.nu/p/134826

## #2 — Palle, 2005-09-26T13:01Z

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;"
```

Permalänk: https://www.webforum.nu/p/1678350

## #3 — silfver, 2005-09-26T13:09Z

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

Permalänk: https://www.webforum.nu/p/1678354

## #4 — coolish, 2005-09-26T13:10Z

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.

Permalänk: https://www.webforum.nu/p/1678355

## #5 — Palle, 2005-09-26T13:22Z

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

Permalänk: https://www.webforum.nu/p/1678359

## #6 — eko, 2005-09-26T13:25Z

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"\>

Permalänk: https://www.webforum.nu/p/1678360

## #7 — silfver, 2005-09-26T13:28Z

> **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" />
```

Permalänk: https://www.webforum.nu/p/1678361

## #8 — eko, 2005-09-26T13:46Z

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

Permalänk: https://www.webforum.nu/p/1678368

## #9 — silfver, 2005-09-26T13:52Z

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

Permalänk: https://www.webforum.nu/p/1678371

## #10 — Web-Tor, 2005-09-26T13:52Z

```
<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>
```

Permalänk: https://www.webforum.nu/p/1678372

---

Tråden på webben: https://www.webforum.nu/amne/html-css/134826-storlek-på-formulär