nicht angemeldet
Hallo, ich arbeite gerade daran gleichen Inhalt wie früher bei
Standard-konformer Darstellung zu erreichen:
---------------------------------------------------------------
HTML-Seite: http://www.globalpolicy.org/eu/de/test.htm
(externes stylesheet: http://www.globalpolicy.org/eu/gpfstyles.css)
---------------------------------------------------------------
Problem: Tabelle in IE höher als firefox, irgendwas stimmt mit
Abständen oder Box-Model nicht. Dabei habe ich schon Padding
durch innere div-elemente umgesetzt, statt in den Tabellen-tags.
CSS-Anmerkungen:
- 0 padding,margin,border, border-collapse für alle Tabellenelemente.
- class="SOFTPAD" erzeugt 2px padding.
HTML-Spezifikation: HTML 4.01 Transitional, PC
---------------------------------------------------------------
CODE:
---------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<link href="../gpfstyles.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--Portfolio Section Starts Here-->
<table width="100%" style="table-layout:fixed;background-color:#00FFFF">
<tbody>
<tr>
<td rowspan="6" style="width:2%;text-align:right;background-color:#0077ff">
<div class="softpad">
<img src="../images/home/logos/linevert.gif" alt="|" height="120" width="10"></div>
</td>
<td style="width:48%;background-color:#ff77ff">
<div class="softpad">
<a href="http://www.globalpolicy.org/security/index.htm" class="links_black14bold">Security Council</a>
</div>
</td>
<td rowspan="6" style="width:2%;text-align:right;background-color:#ff00ff">
<div class="softpad">
<img src="../images/home/logos/linevert.gif" alt="|" height="120" width="10">
</div>
</td>
<td style="width:48%;background-color:#ff7700">
<div class="softpad">
<a href="http://www.globalpolicy.org/finance/index.htm" class="links_black14bold">UN Finance</a>
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top">
<div class="softpad">
<a href="http://www.globalpolicy.org/socecon/index.htm" class="links_black14bold">Social & Economic Policy</a>
</div>
</td>
<td>
<div class="softpad">
<a href="http://www.globalpolicy.org/wldcourt/index.htm" class="links_black14bold">International Justice</a>
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top">
<div class="softpad">
<a href="http://www.globalpolicy.org/globaliz/index.htm" class="links_black14bold">Globalization</a>
</div>
</td>
<td class="links_black14bold">
<div class="softpad">
<a href="http://www.globalpolicy.org/security/issues/irqindx.htm" class="links_black14">Iraq</a>
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top">
<div class="softpad">
<a href="http://www.globalpolicy.org/nations/index.htm" class="links_black14bold">Nations & States</a>
</div>
</td>
<td>
<div class="softpad">
<a href="http://www.globalpolicy.org/empire/index.htm" class="links_black14bold">Empire</a>
</div>
</td>
</tr>
<tr>
<td style="vertical-align:top">
<div class="softpad">
<a href="http://www.globalpolicy.org/ngos/index.htm" class="links_black14bold">NGOs</a>
</div>
</td>
<td>
<div class="softpad">
<a href="http://www.globalpolicy.org/reform/index.htm" class="links_black14bold">UN Reform</a>
</div>
</td>
<td>
<div class="softpad"> </div>
</td>
</tr>
<tr>
<td style="vertical-align:top">
<div class="softpad">
<a href="http://www.globalpolicy.org/secgen/index.htm" class="links_black14bold">Secretary General</a>
</div>
</td>
<td>
<div class="softpad">
<a href="http://www.globalpolicy.org" class="links_menu_blue16bold">>> GPF HAUPTSEITE</a>
</div>
</td>
</tr>
</tbody>
</table>
<!--Portfolio Section Stops Here-->
</body>
</html>
----------------------------------------------------------------
für Hilfe wär ich sehr dankbar, bitte keine CSS-hacks/browserweichen
wenn es irgend vermeidbar ist.
mio