nicht angemeldet
gleiche Inputfeldgröße
Hallo,
heute begann ich die eine HTML-Seite zu schreiben, die ein Formular zur Verfügung stellen soll. Mein Problem bei dem Skript ist, dass ich beibehalten möchte, dass das PLZ- und Ort-Eingabefeld gleicher Höhe und liniengleich mit den beiden darüberligenden Eingabefelder abschließen. Die Darstellung ist im IE und FF bei meiner Konfiguration gleich, allerdings verwendet Opera andere Eingabefeldstile, sodass die Linie nicht mehr abschließt.
Wie löst ihr ein solches Problem?
Zuletzt der vereinfachte Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
*
{
margin: 0;
padding: 0;
}
input
{
width: 100px;
}
#plz
{
width: 30px;
}
#ort
{
width: 66px;
}
</style>
</head>
<body>
<table>
<tr>
<td>Name:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>Vorname:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>PLZ/Ort:</td>
<td><input type="text" id="plz"/><input type="text" id="ort"/></td>
</tr>
</table>
</body>
</html>
Viele Grüße,
Jörg
-
ich habe das auf meiner seite so gelöst das ich in php einen defaultwert für diese grössen angegeben habe, und diesen bei opera mit einem bestimmten wert multipliziere, also so das die felder mit ie und ff einen anderen wert bekommen als bei opera.
nicht besonders toll die lösung, verhindert aber das mit opera mit überlangen feldern das übergeordnete element sprengt...