Hallo Forum,
ich habe folgenden Code, der im Mozilla (in etwa) so aussieht, wie ich mir das vorstelle.
Im MSIE/Opera hingegend sind die Renderergebnisse vollkommen anders, in beiden Fällen aber katastrophal.
Mein Fehler oder Bugs? -- Wie läßt sich das (ohne Tabellen) umschiffen?
\\ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>--Catalyst--</title>
<style type="text/css">
dl {
margin: 0 0 0.5em 1em;
}
/**{ border: 1px solid; }/**/
dt {
clear: left;
float: left;
margin: 0;
text-transform: uppercase;
}
dd {
float: left;
margin: 0 0 0.5em 0.5em;
padding: 0;
}
#picture { float: left; }
#content { float: left; }
.clearer { clear: both; }
</style>
</head>
<body>
<div id="picture">
<img src="img/pic_eddy.jpg" width="200" height="250" />
</div>
<div id="content">
<dl>
<dt>Full Name:</dt>
<dd>Eduardo Pagnozzi de Siqueira</dd>
<dt>Nick:</dt>
<dd>Eddie</dd>
<dt>Birthplace:</dt>
<dd>Curitiba, Brazil</dd>
<dt>Equipment:</dt>
<dd>
<dl>
<dt>Bass:</dt>
<dd>Aria Pro II STB Series</dd>
<dt>Amp:</dt>
<dd>60 Watt Hartke B600</dd>
<dt>Pedal:</dt>
<dd>BOSS MT-2 Metal Distorsion</dd>
</dl>
</dd>
</dl>
</div>
<div id="clearer"></div>
</body>
</html>
///
Ich hatte mal ein ähnliches Problem und habe es dann irgendwann entnervt und zugunsten einer Tabelle aufgegeben, aber eigentlich muß es doch auch ohne gehen ...
(PS: ich weiß, eine Tabelle wäre hier von der Logik garnicht mal falsch, trotzdem ...)
Gruß,
KonRad -
"Was Gott zusammengeführt hat ..." :: polithink.org -
the politicultural e-zine :: http://www.polithink.org