Gunther: Überlauf verhindern und stattdessen das Element vergrößern

Beitrag lesen

Hallo Christian, hallo Axel, und alle anderen!

Ich hätte da auch noch ein 'Konstrukt', das ohne table-cell auskommt. Hab's allerdings nur im MSIE6, NS7, und OP7.03 getestet unter Windows.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tabellen vs. CSS</title>
</head>
<body>

<div style="width: 100%;">
<p style="border:1px solid red; white-space:nowrap; padding:10px;">beliebig langer Zeileninhalt</p>
</div>

<div style="width: auto;">
<p style="width:100%; border:1px solid red; white-space:nowrap; padding:10px; display: inline;">beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt</p>
</div>

<div style="width: 100%;">
<p style="height:200px; border:1px solid red; padding:10px;">beliebig langer Zeileninhalt</p>
</div>

<div style="width: 100%; height: 200px; border:1px solid red;">
<div style="padding: 10px;">beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt beliebig langer Zeileninhalt</div>
</div>

</body>
</html>

Wie gesagt - nur ein Versuch... (immerhin auch valide *bg*)

Gruß Gunther