• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

min-width im IE?

C

Conny80

New member
Hallo Leute,

<div style='min-width:100px;'>Test Text</div>

Funktioniert scheinbar in jedem Bowser außer dem IE.

Um dort das Selbe zu erziehlen, habe ich bis jetzt den Befehl

<iframe width='100' scrolling='no' frameborder = '0' src='test_text.php'></iframe>

genutzt. Allerdings möchte ich ungern iframes nutzen.

Ich möchte Tabellen mit Variabler Breite, aber die Gesamtbreite soll nicht unter ein bestimmtes Minimum gehen, also ich möchte nicht jedes Wort/Bild in einer neuen Zeile.

Hat jemand ne Idee, die auf jedem Browser funktioniert.

Gruß Conny
 
Sicher stelle ich mich jetzt etwas doof an, aber habe sehr wenig Erfahrung mit JS.

<code>
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
#minwidth {
min-width:100px;
width:expression(document.body.clientWidth < 100? "100px": "auto" );
}
</script>
</head>
<body>
<div id="minwidth">Test Text</div>
</body>
</html>
</code>

Dachte ich muss es in etwa so machen, leider funktioniert das nicht. Was habe ich falsch gemacht.
 
Probier's mal so:
Code: 
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
[B]<style type="text/css">[/B]
#minwidth {
min-width:100px;
width:expression(document.body.clientWidth < 100? "100px": "auto" );
}
[B]</style>[/B]
</head>
<body>
<div id="minwidth">Test Text</div>
</body>
</html>
 
Nun wollte ich es aber auf Tabellenspalten anwenden, leider bekomme ich es nicht hin.
Code: 
<html>
<head>
<style type='text/css'>
#minwidth100{min-width:100px;width:expression(document.body.clientWidth < 100? "100px": "auto" );}
#minwidth200{min-width:200px;width:expression(document.body.clientWidth < 200? "200px": "auto" );}
</style>
</head>
<body>
<table>
  <tr> 
    <td id="minwidth200">Spalte1</td> 
    <td id="minwidth100">Spalte2</td> 
    <td id="minwidth100">Spalte3</td> 
  </tr>
</table>
</body>
</html>

Wie kann ich das ändern?

EDIT:
Soweit ich weiß, sollten IDs einmalig sein, deshalb habe ich es mit CLASS versucht.

HTML: 
table#a td.minwidth100{width:100px;width:expression(document.td.clientWidth < 100? "100px": "auto" );}

Aber irgendwie will das auch nicht.
 
Zuletzt bearbeitet:
Für <div> scheint das ganz gut zu gehen und werde ich auch noch brauchen, in den Tabellen habe ich jetzt eine zusätzliche Zeile eingefügt in der in der ich 1x1px große gif's aufgerufen habe.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben