text-indent in % bei Buttons mit Sonderzeichen
notepad-coder
- css
Nach einigen Stunden der Verzweiflung habe ich zu dem Code zwei Dinge herausfinden können:
1. das Phänomen tritt nur im IE (getestet in version 7) auf
2. es sind nur buttons betroffen, die Sonderzeichen beinhalten
Mach ich da einen Denkfehler oder hat der IE begonnen, die Unterstützung für die zunehmend ungeliebten Tabellen einzustellen ?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<style>
.knopf {
border-left: 1px solid #EEEEEE;
border-right: 1px solid black;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid black;
background-color: red;
color: black;
font-family: Arial;
font-size: 90%;
/* Diese Angabe macht in Tabellen Ärger - aber nur bei buttons mit Sonderzeichen*/
text-indent: 4%;
}
</style>
</head>
<body>
<form>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="33%"><input type="button" value="Schaltfläche" name="B4" class="knopf"></td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
</table>
<p> </p>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="33%"><input type="button" value="Schaltfläche" name="B3"></td>
<td width="33%"> </td>
<td width="34%"> </td>
</tr>
</table>
<p><input type="submit" value="Abschicken" name="B1" class="knopf"> - <input type="reset" value="Zurücksetzen" name="B2" class="knopf"></p>
</form>
</body>
</html>
Hallo,
"Kommt ein Kunde zur Bank und möchte gerne 1000 1ct-Stücke haben. Angestellter freundlich: Ich gebe Ihnen eine Münzrolle, da haben Sie es einfacher, es nach Hause zu tragen"
ist gleichbedeutend mit:
"Kommt ein Kunde zu Media Markt und möchte gerne einige Bugs haben. Angestellter freundlich: Ich gebe Ihnen den IE, da da haben Sie es einfacher, es nach Hause zu tragen"
mfg, Flo