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