style="width:80%" giver problemer ved lange ord i textbox

Mit umiddelbare indskydelse var at lave en tabel / td med en fast størrelse omkring textarea, men som jeg forstår dit spørgsmål, har du også gjort sådan. Måske ville en kodestump hjælpe...

OK...se på følgende:

<table width="100%" border="1">

<tr><td><input style="width:80%" type="text" value="etrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværeder"></td></tr>

</table>

Det jeg vil have er at de 80% fatter at det er 80% af tabellens bredde, ikke at hele det lange ord.

Det stinker sq lidt det her ;)

overflow:hidden skjulder desværre ikke problemet

Hhmmm den er ret tricky...

jepper...det ligner lidt en bug af en slags.

Hvis du sætter table width=200 er det stadig et problem. Jeg ved ikke hvad faen der er galt med den textbox.

En løsning kunne være det her klamp:

<textarea rows="1" style="overflow:hidden">etrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværeder</textarea>

Så ligner det en textbox, men overflow virker :/

njae...den fylder stadig tabellen ud..fuck...

Mit bedste ubrugelige bud lige nu er...

<form style="width: 100%; overflow: hidden">
<table width="100%" border="1">
<tr>
<td>
<textarea rows="1" style="width: 80%">etrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværeder</textarea>
</td>
</tr>
</table>
</form>

Men jeg arbejder videre på sagen...

Det sætter jeg da pris på. Det er underligt at forskellen mellem faste px og % er så stor...

Hov lige et spørgsmål. Nu ved jeg ikke hvad du skal bruge det til, men jeg går ud fra det er brugeren som skal indtaste noget i feltet : altså hvis der bare skal indtastet noget så virker din form jo fint, da ordet jo automatisk bliver breaket, det gør det ihvertfald hos mig...

Problemet opstår jo selvfølgelig først når outputtet skal skrives ud i en eller anden tabel.

Nej, det er når brugeren skal rette sin e-mail :/

Hhmm måske kan det løses med javascript eller php. Problemet opstår jo først når value width er længere end den angivet input eller textarea width. Jeg forstiller mig man så skulle lave en eller anden funktion som checker dette, og så indsætter et \n. Det er mit eneste bud.

Ja...måske man kunne aflæse bredden på et af de andre tekstfelter (der virker) og så lægge den ind i e-mail feltet. Men sikke noget klyt :/

Jeg er bange for det er en IE bug af format ;) I Opera ser dit første eksempel noget andeledes ud med et meget lille input felt, og i NS virker det helt perfekt...

Meget mystisk, men en løsning er at placere dit text-felt i et div frem for en tabel celle, noget i stil med dette, det løser i hvert fald problemet.

<div style="width : 100% ; border : 1px solid black ; padding : 6px ;">

<input type="text" style="width : 80% ;" value="etrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværederetrigtigtlangordderikkekanværeder">

</div>

Jeg accepterer bare at sådan er det.

Hvis 7th lægger et svar må i slås om pointene ;)

bredden på textarea skal angives i px, der er ikke særlig mange browserer der fatter %
Så prøv med px.

dexter_dk> Det er jo ikke et svar :P

Det er kun et problem når tekstens længde overstiger feltets bredde.

Og jo, de fleste nye browsere fatter godt andet end px. Heriblandt Netscape, Mozilla og IE. Dog har IE et problem med at tolke overflow (tilsyneladende)

Nice løsning lequet ;)