---
title: "textarea med width 100% stretchar ut div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/101923-textarea-med-width-100-stretchar-ut-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "PepeJeria"
published: "2004-04-20T15:12:40.000Z"
updated: "2004-04-20T16:38:18.000Z"
replies: 9
views: 299
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/101923-textarea-med-width-100-stretchar-ut-div"
---
# textarea med width 100% stretchar ut div
## #1 — PepeJeria, 2004-04-20T15:12Z
Kan någon förklara varför den andra div:en blir lite längre än 300px? Den innehåller en textarea med width:100%;
Får samma effekt i både IE och Mozillla, men inte Opera 7
```
300px:
Borde också vara 300px:
```
Kan även beskådas [här](http://member.webforum.nu/5113/testcase.html)
Permalänk: https://www.webforum.nu/p/101923
## #2 — dectgap, 2004-04-20T15:44Z
Det beror på att textarean har en border.
Textareans bredd (exklusive kantlinjen) är 298px. Lägg sedan till den kantlinje som textarean har som standard, så blir textarean lite bredare (302px, gissar jag).
Permalänk: https://www.webforum.nu/p/1327526
## #3 — PepeJeria, 2004-04-20T15:58Z
men om jag lägger till border:none på textarean så stretchar den ändå till div:en
Permalänk: https://www.webforum.nu/p/1327540
## #4 — silfver, 2004-04-20T16:12Z
Det här funkar för mig:
```
```
Edit: Du kan ju lätt skriva in det i din CSS där. :OO
Permalänk: https://www.webforum.nu/p/1327547
## #5 — PepeJeria, 2004-04-20T16:19Z
Att ta bort borden hjälpte, men det blir ändå 2px (bordern) för brett I IE. Margin till 0 gjorde ingen skilland.
Det intressanta är att om jag tar bort DOCTYPE:n så att Quirks mode triggas så fungerar det i IE, men jag vill självklart använda mig av Standards compliance mode.
Uppdaterade testcaset:
Permalänk: https://www.webforum.nu/p/1327554
## #6 — silfver, 2004-04-20T16:21Z
> **PepeJeria skrev:**
>
> Att ta bort borden hjälpte, men det blir ändå 2px (bordern) för brett I IE. Margin till 0 gjorde ingen skilland.
>
> Det intressanta är att om jag tar bort DOCTYPE:n så att Quirks mode triggas så fungerar det i IE, men jag vill självklart använda mig av Standards compliance mode.
>
> Uppdaterade testcaset:
>
Vad använder du för ie? Jag använder 6.0 och det ser bra ut i både det och i firefox.
Permalänk: https://www.webforum.nu/p/1327557
## #7 — PepeJeria, 2004-04-20T16:24Z
6\.0.2800.1106
Ta en skärmdump och zomma in så ser du det tydligare.
Permalänk: https://www.webforum.nu/p/1327561
## #8 — silfver, 2004-04-20T16:27Z
Inte går det två pixlar utanför hos mig. :e
Eller? Haha, jag har jämfört "textarean" med kantlinjen, inte det strecket som går över. My bad!
Bilagor:
- [border.jpg](https://www.webforum.nu/a/3322.jpg)
Permalänk: https://www.webforum.nu/p/1327566
## #9 — Peeer, 2004-04-20T16:28Z
Sätt padding: 0px; i div textarea så ser det normalt ut
Permalänk: https://www.webforum.nu/p/1327567
## #10 — PepeJeria, 2004-04-20T16:38Z
Tack för hjälpen alla, padding:0; på textarean + border:none; fixade problemet.
Tänkte inte på det som detectgap sa, width:100%; räknar ju inte med bordern.
Ang, paddingen på textarean kan man ju tycka att det hade varit mer logiskt om det varit margin istället...
Permalänk: https://www.webforum.nu/p/1327578
---
Tråden på webben: https://www.webforum.nu/amne/html-css/101923-textarea-med-width-100-stretchar-ut-div