Thomas J.S.: Button-Breite für IE: ein Bei-Spiel

Beitrag lesen

Hallo Oliver!

Ja, hatte ich auch schon probiert:
Same procedure. Die Tabelle schert sich ab da einen ... um die Textbreite sondern nimmt brav die eingestellte Spaltenbreite.

Ich habe den Faden verloren!
also: du hast eine Tabelle mit fester Breite, dann hast du in dieser Tabelle Spalten mit fester Breite. In diesen Spalten hast du dann Tabellenzellen in denen du Klickbuttons mit dynamisch zugewiesenen Text definieren möchtest.  Ist das in etwa zutreffend?
Nun das folgende Beispiel funktioniert bei mir einwandfrei (NUR MS IE!) alles ist so breit wie es soll und so hoch wie es soll!
<html>
<head>
<title>Untitled</title>
<style type="text/css">
  <!--
   .lang {
    width:100%;
    color:red;
    background-color:yellow;
    font-family:Arial;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
   }
   .mittel {
    width:100%;
    height:100%;
    color:lime;
    background-color:blue;
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    font-style:italic;
   }
   .kurz {
    width:100%;
    height:100%;
    color:black;
    background-color:lime;
    font-family:Arial;
    font-size:8pt;
    font-weight:bold;
    font-style:italic;
   }
  -->
</style>
</head>
<body>
<table width="900" border="0" cellpadding="0" cellspacing="0">
    <tr align="center">
        <td width="500"><input type="button" class="lang" value="ein sehr langer, wirklich langer text-1"></td>
        <td width="300"><input type="button" class="mittel" value="ein nicht so langer text-1"></td>
        <td width="100"><input type="button" class="kurz" value="ein text-1"></td>
</tr>
    <tr align="center">
        <td width="500"><input type="button" class="lang" value="lang"></td>
        <td width="300"><input type="button" class="mittel" value="mittel"></td>
        <td width="100"><input type="button" class="kurz" value="kurz"></td>
</tr>
    <tr align="center">
        <td width="500"><input type="button" class="lang" value=""></td>
        <td width="300"><input type="button" class="mittel" value=""></td>
        <td width="100"><input type="button" class="kurz" value=""></td>
</tr>
   </table>
</body>
</html>

Die Angabe "height:100%;" kannst du weglassen, (schaut dann witzig aus) aber bei ".lang" dafst du es nicht angeben wenn bei ".mittel" und ".kurz" sie angegeben ist. Wenn du "font-size" überall gleich setzt kann "height:100%" ganz wegbleiben.
Ich habe es natülich etwas übertrieben mit den Farben & Font, aber ich hoffte damit zu zeigen, daß du fast alles machen kannst was du willst.

Lass uns wissen ob es jetzt funktioniert!

Grüße
Thomas