Toon posts:

Internet Explorer laat deel van input weg

Pagina: 1
Acties:

maandag 15 september 2003 00:15

Acties:

Verwijderd

Topicstarter
Ik zit met een probleem, een probleem genaamd Internet Explorer. Waar Mozilla gewoon zijn werkt doet, doet Internet Explorer heel raar...

Normaal kun je bij een input een bepaalde breedte aangeven, dus doe ik dat via CSS (ook al is het officieel geen (X)HTML attribute) want anders kun je alleen een breedte meegeven via "size" en die is niet precies genoeg.

Dus ik gebruik een width van 100% in een normale tabel zonder rare dingen bij een input="text". En nu krijg ik in IE het volgende te zien:

Afbeeldingslocatie: http://members.home.nl/markve/temp/ie.gif

En je ziet het, de uiteindes van de drie invulvelden vallen gewoon weg! Met de originele XHTML 1.0 Transitional doctype, krijg ik dus dit. Gebruik ik de doctype van HTML 4.0 Transitional, krijg ik precies hetzelfde. Het ligt dus niet aan het feit dat ik XHTML gebruik. Haal ik gewoon de doctype weg, dan zie laat IE het wel goed zien:

Afbeeldingslocatie: http://members.home.nl/markve/temp/ie2.gif

Maar ik wil natuurlijk wel gewoon netjes met een doctype blijven werken. In Mozilla werkt het gewoon (dus als het tweede screenshotje), dus ligt het probleem óf bij IE of Mozilla pakt de regels niet juist op. Nu weet je dat dat eerder andersom is, dus ben ik gaan zoeken naar een oplossing voor deze bug(?) via Google, via WebmasterWorld (Engelstalige website waar ik altijd zulke gekke HTML fix dingen vind) en weet ik veel wat meer, vind ik helemaal niks hierover (ondermeer misschien omdat ik geen idee heb hoe ik dit in Engelse keywords kan vertalen zodat Google mij de oplossing kan bieden, want hoe noem je zoiets?).

Btw, nog maar even een stukje van mijn (XHTML) code die ik gebruik (clean):

code:
1
2
3
4
5
6

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="25%"><b>Auteur</b></td>
<td width="75%"><input type="text" style="width: 100%;" /></td>
</tr>
</table>


Daar is toch niks fouts aan? Dacht ik ook...

Dus heeft iemand hier nog enig idee hoe ik dit (met een doctype) kan oplossen?

Alvast bedankt.

[ Voor 7% gewijzigd door Verwijderd op 15-09-2003 00:15 ]

maandag 15 september 2003 00:19

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

Haal de link weg uit je doctype, dat wil nog wel eens helpen in IE6

Intentionally left blank

maandag 15 september 2003 00:22

Acties:

Verwijderd

Topicstarter
Dat werkt idd... Maar mijn volgende vraag is dan: Blijft de werking van de doctype dan nog precies hetzelfde?

maandag 15 september 2003 00:33

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:21

crisp

Devver

Pixelated

Verwijderd schreef op 15 September 2003 @ 00:22:
Dat werkt idd... Maar mijn volgende vraag is dan: Blijft de werking van de doctype dan nog precies hetzelfde?
jazeker; net nog getest met een strict doctype, en IE en Mozilla behandelen het document dan ook gewoon als strict. Echter krijg je dan weer een ander probleem, namelijk dat 100% door margins en paddings ook te groot kan uitvallen.
Voor zover ik weet is het niet kunnen omgaan met de link in de doctype gewoon een bug in IE.

edit: ik bedenk me net dat zonder link IE misschien juist wel in quirck-mode springt, en met link juist niet. Als ik met link test (strict!) op de volgende manier gaat het ook goed:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

table {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  width: 100%;
}

td {
  padding: 5px;
}

input {
  width: 100%;
}

</style>
</head>
<body>
<table>
<tr>
<td style="width: 25%"><b>Auteur</b></td>
<td style="width: 75%"><input type="text" /></td>
</tr>
</table>
</body>
</html>


kortom: probeer anders eens al je attributen te vervangen door CSS :)

[ Voor 50% gewijzigd door crisp op 15-09-2003 00:51 ]

Intentionally left blank

maandag 15 september 2003 07:52

Acties:

Verwijderd

Topicstarter
Dat kan nogal irritant werken, vooral als je zulke aanpassingen zou moeten gaan doen voor Internet Explorer die er eigenlijk niet (mogen) zijn.

Is er voor die input velden niet één of ander truckje om IE ze wel binnen de table te laten houden?

Bvd.

[ Voor 89% gewijzigd door Verwijderd op 15-09-2003 08:11 ]

maandag 15 september 2003 08:38

Acties:
  • Johnny
  • Registratie: December 2001
  • Laatst online: 21-08 11:56

Johnny

ondergewaardeerde internetguru

Verwijderd schreef op 15 september 2003 @ 07:52:
Dat kan nogal irritant werken, vooral als je zulke aanpassingen zou moeten gaan doen voor Internet Explorer die er eigenlijk niet (mogen) zijn.

Is er voor die input velden niet één of ander truckje om IE ze wel binnen de table te laten houden?

Bvd.
absolute waarden in pixels opgeven in plaats van relatieve met procenten.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

maandag 15 september 2003 14:39

Acties:

Verwijderd

Topicstarter
Dat heb ik dan ook maar gedaan, maar echt fijn is 't niet. Maar goed :)
Pagina: 1
Reageer