nicht angemeldet
Ein Königreich für eine zentrierte Tabelle!
Hallo Forum!
Netscape raubt mir den letzten Nerv! Es ist zum ausrasten! Zwei Wochen tüftelt man mit <div> align="center" einer css-definition und anderen Sachen herum, um Netscape eine zentrierte Tabelle zu entlocken.
Der Code: (*) und (**) gehört nicht zum Code sondern ist nur eine Markierung, damit ihr den Teil schnell findet.
<table cellspacing="0" cellpadding="0" width="100%" height="100%" border="0">
<tr>
<td class="right" style="vertical-align: bottom;" height="45%">
<img src="./images/lns_h_t.gif" width=200 height=20>
</td>
(*) <td class="center" style="vertical-align: bottom;" width="95" height="45%">
<img src="./images/logo.gif" width=95 height=107>
</td>
<td class="left" style="vertical-align: bottom;" height="45%">
<img src="./images/lns_h_t.gif" width=200 height=20>
</td>
</tr>
<tr>
<td style="vertical-align: top;" colspan="3" height="55%">
<h1 class="center"><span class="normal">Willkommen bei der</span><br>TTW Tool Technik GmbH Wiesbaden</h1>
(**) <table cellspacing="0" cellspacing="0" width="495" border="0" align="center">
<tr>
<td class="center"><span class="bold">Minimale Auflösung:</span><br>800x600 (empf.: 1024x768)</td>
<td class="center">Für den Shop benötigen Sie den<br>Internet Explorer 4.0 (oder höher)</td>
</tr>
</table>
<p class="center"><a href="./home/index.htm">Weiter</a></p>
<hr class="center" width="495">
<p class="center"><span class="small" style="color: gray; letter-spacing: 8px;">METHODEN WERKZEUGE SYSTEME</span></p>
</td>
</tr>
</table>
die class "center" lautet: .center { text-align: center; } in einer externen css-Datei.
Zwei Probleme:
1. Die mittlere Zelle des oberen Abschnitts (*) ist zu groß!
Nicht 95 Pixel wie verlangt sondern nach Augenmaß etwa 150.
2. Die Tabelle (**) ist nicht zentriert sondern linksbündig! Meine
Suche im Forumsarchiv brachte nichts brauchbares und auch mit
<div class="center"></div> bzw. <div align=center></div> klappt's
nicht. Selbst ein <center></center> hilft nicht!
Ich hoffe ihr könnt mir helfen, denn langsam nervt Netscape! Aber man muss es ja unterstützen, will man möglichst viele Leute erreichen. Und die Netscapler auszuschließen wäre unfair.
So what can I do?
-
Hallo Joern
(*) <td class="center" style="vertical-align: bottom;" width="95" height="45%">
<img src="./images/logo.gif" width=95 height=107>
</td>nach meinem Wissen reagiert NS beim Mischen von Pixel- und %-Angaben der Groesse (width & height) nicht so toll.
Würde es mit einem 4'ten leeren TD versuchen, der das zweite TD zusammendrückt auf 95 Pixel.
(**)Die zweite Tabelle ist im übrigen zentriert (setzte border auf eins) wenn Du den Text auch zentriert haben möchsterst dann vesuch mal das
...
<td style="vertical-align: top;" colspan="3" height="55%" ALIGN="center">
<h1 class="center"><span class="normal">Willkommen bei der</span><br>TTW Tool Technik GmbH Wiesbaden</h1>
<table cellspacing="0" cellspacing="0" width="495" border="1" align="center">...
ich hoffe Dir weitergeholfen zu haben
Gruss
Piotr
-
Hallo,
der erste Punkt sah für mich bei ie und nn ganz genau gleich aus.
Beim zweiten Punkt würde ich als Lösung auf die Schnelle
die Tabelle nochmal in ganz normale html-center tags zu setzen.
Funktioniert hier mit Ne4.73 und stört ie nicht.grüsse
Kurt B -
Hallo
2. Die Tabelle (**) ist nicht zentriert sondern linksbündig!
hast Du es schon mal mit <TABLE ALIGN=CENTER ...... > probiert ?
Auf diese art bekomme ich alle meine Tabellen schön zentriert ... sowohl unter IE als auch NS.Gruß
Jürgen -
Hi,
Prinzipiell einen text centriert darzustellen dürft ja wirklichnicht schwer gehen (stehen ja schon ein paar möglichkeiten hier).
Aber:<td class="center">Für den Shop benötigen Sie den
Internet Explorer 4.0 (oder höher)</td>Wenn's den sowieso nur für eine ausgewählte Gemeinschaft funktionieren soll, wieso dann die Aufregung.
Struppi.
-
Hallo!
Witzig, witzig. NUR für den Shop braucht man IE!
Den Shop habe ich selbst nur mit JavaScript geschrieben und er sollte auch mit beiden Browser funktionieren! Er tut es aber nicht. Und da ich nicht das System noch mal neu entwerfen wollte, hab ich dann einfach zu dieser Methode gegriffen! Aber wie gesagt: NUR beim Shop!
CU
-