K
kyle66
Guest
Hallo,
ich habe ein Problem mit dem Input Tag.
Generell zieht der Internet Explorer ja Input-Tags vom Typ Submit etwas größer auf als gewollt. Dies kann man aber zum Glück unterbinden in dem man dem Input-Tag ein "overflow: visible; width: auto;" mitgibt.
Platziert man das Input aber in eine Tabelle, so wird trotzdem der Platz für diese zusätzliche Breite reserviert.
Hier mal ein Code der das verdeutlichen soll.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.btn1 {
overflow: visible;
width: auto;
}
td {
border: 1px solid #f00;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr>
<td><input type="submit" name="" value="Langer Text" class="btn1"></td>
</tr>
</table>
<br>
<table>
<tr>
<td><input type="submit" name="" value="Langer Text" class="btn2"></td>
</tr>
</table>
</body>
</html>
Hat jemand eine Idee, wie man das verhindern kann. Ohne Tabelle wird kein Platz reserviert. Deutlich zu erkennen, wenn man ein span mit border außenrum platziert.
ich habe ein Problem mit dem Input Tag.
Generell zieht der Internet Explorer ja Input-Tags vom Typ Submit etwas größer auf als gewollt. Dies kann man aber zum Glück unterbinden in dem man dem Input-Tag ein "overflow: visible; width: auto;" mitgibt.
Platziert man das Input aber in eine Tabelle, so wird trotzdem der Platz für diese zusätzliche Breite reserviert.
Hier mal ein Code der das verdeutlichen soll.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.btn1 {
overflow: visible;
width: auto;
}
td {
border: 1px solid #f00;
padding: 0;
}
</style>
</head>
<body>
<table>
<tr>
<td><input type="submit" name="" value="Langer Text" class="btn1"></td>
</tr>
</table>
<br>
<table>
<tr>
<td><input type="submit" name="" value="Langer Text" class="btn2"></td>
</tr>
</table>
</body>
</html>
Hat jemand eine Idee, wie man das verhindern kann. Ohne Tabelle wird kein Platz reserviert. Deutlich zu erkennen, wenn man ein span mit border außenrum platziert.