HTML input text veelst te breed (IE) - Softwareontwikkeling

dinsdag 26 oktober 2004 00:28

Acties:

Verwijderd

Topicstarter

Ik heb iets geschreven voor mijn movieDB (waar ik overigens nog mee bezig ben), en nu heb ik iets erg irritants ontdekt, wat in FireFox gewoon normaal werkt.

http://www.ysdeman.nl/~da...rch=spider-man&nfotype=13
als je op een van de nfo search resultaten klikt dan vern**kt IE de gehele lay-out.

het probleem zit in de input velden

ik heb nu zoits als

code:

<div style="width: 550px">
  <table style="width:100%">
   <tr>
   <td style="width:15%">blaat</td>
   <td><input style="width: 100%"></td>
   </tr>
  </table>
</div>

de input neemt dus het gehele overgebleven vak in beslag.

het probleem is nu dat als er via php de value van de input wordt gezet, de input net zo breed wordt als de tekst die erin staat. Dit gebeurt dus overigens alleen in IE, in mozilla blijft de text input gewoon even groot. Ik weet dat ik dit kan oplossen door de width in px te veranderen, echter dan is het niet meer zo flexibel als ik de <div> width wil veranderen.

iemand oplossing??

ik heb style="table-layout: fixed;" geprobeerd maar dit was niet echt een succes (er gebeurde rare dingen met m'n layout). overflow: hidden wou niet echt werken

</div>

[ Voor 9% gewijzigd door Verwijderd op 26-10-2004 00:38 . Reden: ff wat leesbaarder gemaakt ]

dinsdag 26 oktober 2004 00:31

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Zou je je stylesheet even kunnen instellen op standje leesbaar?

Hier zie ik helemaal niks (als ik heel goed kijk wat blauw spul

)

Het is sowieso allemaal errug traag (queries van 5 seconden zijn niet vreemd)...

[ Voor 25% gewijzigd door RobIII op 26-10-2004 00:37 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 26 oktober 2004 00:31

Acties:

OzBoz

.:.H.:.I.:.P.:.

Als je twee cellen samen al 115% laat gebruiken dan kan ik me voorstellen dat het de row uitrekt of je tabel.

Verkeerd gelezen.

[ Voor 12% gewijzigd door OzBoz op 26-10-2004 00:32 ]

My Fizion | My 3D prints | LinkedIn

dinsdag 26 oktober 2004 00:44

Acties:

Verwijderd

Topicstarter

server staat ergens in amerika, bij elke query moet hij van nforce search resultaten ophalen waarna bij imdb wordt gekeken voor film details

Ik heb de css leesbaar gemaakt en de tekst wit gemaakt, (het achtergrond plaatje staat uit)

het kan zijn dat de source niet echt leesbaar is, of raar is opgebouwd, dit heeft te maken dat de helft gegenereerd is via PHP.

simpel voorbeeldje

code:

<html>

<head>
  <title>test</title>
</head>

<body>
     In Mozilla FireFox 100 px breed.<br/>
     In IE net zo breed dat de gehele value inhoud

     <table style="width: 100px">
          <tr>
               <td><input style="width: 100%" type="text" value="tralalalalalalalalalalalalalalalalalalalala"/></td>
          </tr>
     </table>

</body>

</html>

[ Voor 59% gewijzigd door Verwijderd op 26-10-2004 01:34 ]

dinsdag 26 oktober 2004 09:39

Acties:

André

Analytics dude

Geef je TD een style="width:100px";

dinsdag 26 oktober 2004 20:35

Acties:

Verwijderd

je kun toch ook gewoon zo doen?

code:

1	<input type=text width=100px>

of ben ik gek (dat sowieso wel hoor)

dinsdag 26 oktober 2004 20:45

Acties:

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

Verwijderd schreef op 26 oktober 2004 @ 00:28:
Ik weet dat ik dit kan oplossen door de width in px te veranderen, echter dan is het niet meer zo flexibel als ik de <div> width wil veranderen.

Verwijderd schreef op 26 oktober 2004 @ 20:35:
je kun toch ook gewoon zo doen?
code:
1
<input type=text width=100px>
of ben ik gek (dat sowieso wel hoor)

Ten eerste: lees de draad voor je blaat

Ten tweede: width=100px

Welke doctype is dat?

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.

dinsdag 26 oktober 2004 21:09

Acties:

Verwijderd

Topicstarter

helaas werkt <td style="width: 100%"> niet, raar... ik kan ook niks op internet vinden, ik weet niet hoe ik dit probleem kan zoeken...

Ach als er geen oplossing is geef ik de inputs wel een breedte in px.

thx anyway

dinsdag 26 oktober 2004 21:19

Acties:

Ebayzo

hij/hem

Weet niet of het de bedoeling is maar kan als bezoeker een hele zooi verwijderen

[ Voor 5% gewijzigd door Ebayzo op 26-10-2004 21:20 ]

Default blanke hetero

woensdag 27 oktober 2004 00:33

Acties:

André

Analytics dude

Verwijderd schreef op 26 oktober 2004 @ 21:09:
helaas werkt <td style="width: 100%"> niet, raar... ik kan ook niks op internet vinden, ik weet niet hoe ik dit probleem kan zoeken...

Ach als er geen oplossing is geef ik de inputs wel een breedte in px.

thx anyway

Zoals ik al zei: maak van die % een px

woensdag 27 oktober 2004 09:29

Acties:

Verwijderd

Wat mij vaak opvalt is dat een table wordt verpest als er een colspan bovenin staat.
Je kunt dan in de td's eronder aangeven wat je wilt, maar iig IE luistert daar niet meer naar.

Door het volgende werkt het vaak wel:

code:

<table width="400">
  <colgroup span="2">
    <col width="100">
    <col width="300">
  </colgroup>
  <tr>
    <th colspan="2">Titel</th>
  </tr>
  <tr>
    <td>kolom 1</td>
    <td>kolom 2</td>
  </tr>
</table>

woensdag 27 oktober 2004 23:59

Acties:

Verwijderd

Topicstarter

André schreef op 26 oktober 2004 @ 09:39:
Geef je TD een style="width:100px";

thx, ik dacht dat dat geen effect had, werk dus wel thx.. Nog veel werk maar ja...

trouwens van de colgroup, werkt ook, ik ga ff kijken welke het handigst is, iig bedankt

update #1:

code:

<table border=1 style="width: 400px">
  <colgroup span="2">
    <col style="width: 140px">
    <col style="width: 260px">
  </colgroup>
  <tr>
    <th colspan="2">Titel</th>
  </tr>
  <tr>
    <td><input style="width: 100%" type="text" value="tralalaaaaaaaaaaaalalalalalalalalala"/></td>
    <td>kolom 2</td>
  </tr>
</table>

helaas maakt ie nog steeds de input text even groot als de value waarde, deze optie valt dus af,

ik ga naar de td width in px..

update #2:
Gadver de td een width geven werkt wel maar ook niet naar behoren

code:

<html>

<head>
  <title></title>
</head>

<body>
<table border=1>
  <tr>
    <td style="width: 140px"><input style="width: 100%" type="text" value="tralalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalalalalalalalalala"/></td>
    <td>kolom 2</td>
  </tr>
</table>

</body>

</html>

Als je nu naar de pagina kijkt dan is de input veld idd maar 140 px breed , alleen de td waarin het staat is net zolang als de value waarde, hoe dit kan???

klote IE ook..

update #3

hehe, ik heb de zooi werkend gekregen, niet echt netjes, maar ja, het kan niet anders.

het eidresultaat:
http://www.ysdeman.nl/~daan/movieDB/
(wel tof dat je dit allemaal met php kan doen).

[ Voor 173% gewijzigd door Verwijderd op 28-10-2004 00:48 ]

donderdag 28 oktober 2004 10:48

Acties:

Verwijderd

ik vraag me ten eerste af waarom je dit uberhaupt in een tabel propt
ten tweede vraag ik me af waarom je geen <legend> en <fieldset>'s gebruikt
ten derde waarom je die add en del niet met javascript doet

donderdag 28 oktober 2004 15:15

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 28 oktober 2004 @ 10:48:
ik vraag me ten eerste af waarom je dit uberhaupt in een tabel propt
ten tweede vraag ik me af waarom je geen <legend> en <fieldset>'s gebruikt
ten derde waarom je die add en del niet met javascript doet

*tabel: voor het randje en het mooi uitlijnen, had idd niet gehoeven als ik het nu bekijk, maar ja dan ben ik euwig bezig om dingen goed uit te lijnen, (met span's enzo)
*<legend> <fieldset>?? nooit van gehoord, ga ik ff bekijken
*JS: ik heb echt geen idee hoe dat moet. zal wel eens kijken, dit werkt idd niet zo handig

update #1
hee die <legend> en <fieldset> zijn wel cool

Het toevoegen van een input is niet moeilijk, maar het verwijderen van de juiste wel

[ Voor 21% gewijzigd door Verwijderd op 28-10-2004 15:50 ]