nicht angemeldet
Problem mit dynamischer Tabelle+ netscape
hi,
so jetzt sitzt ich schon 4 Stunden an dem einen Problem hab es aber nur geschafft es einzugrenzen. Da ich mittlerweile glaube das es sich dabei um irgendeine sturrheit von Netscape handelt hoffe ich irgendwer hat schon die gleichen Erfahrungen gemacht hat oder von gelesen.wenns nicht Flüchtigkeitsfehler von mir ist werd ich wohl irgendwas kaputt machen müssen.
Das 1. Problem:
bei der tabelle ist in der ersten und letzten Reihe 1 pixel zuviel dieser wird leer gelassen.
bei dem code handelt es sich um einen Rahmen der um eine tabelle gehen soll.
zur aschauung des Problems: http://home.arcor.de/daethangel1982/char/char.htm
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width:46px"><img style="border-width:0px" src="bilder/eck_links_oben.gif" width="46" height="89" alt=""></td>
<td style="height:89px;background-image:url(bilder/hg_mitte_oben.gif);background-repeat:repeat-x;text-align:center"><img style="border-width:0px" src="bilder/bogen_oben.gif" width="625" height="89" alt=""></td>
<td style="width:46px"><img style="border-width:0px" src="bilder/eck_rechts_oben.gif" width="46" height="89" alt=""></td>
</tr>
<tr>
<td style="width:46px;background-image:url(bilder/hg_links.gif);background-repeat:repeat-y;vertical-align:top">
<img style="border-width:0px;vertical-align:top" src="bilder/bogen_links.gif" width="46" height="392" alt="">
</td>
<td style="vertical-align:top;text-align:center" rowspan="2">
[andere tabelle]
</td>
<td style="width:46px;background-image:url(bilder/hg_rechts.gif);background-repeat:repeat-y;vertical-align:top">
<img style="border-width:0px;vertical-align:top" src="bilder/bogen_rechts.gif" width="46" height="392" alt="">
</td>
</tr>
<tr>
<td style="width:46px;background-image:url(bilder/hg_links.gif);background-repeat:repeat-y;vertical-align:bottom">
<img style="border-width:0px;vertical-align:bottom" src="bilder/bogen_links1.gif" width="46" height="392" alt="">
</td>
<td style="width:46px;background-image:url(bilder/hg_rechts.gif);background-repeat:repeat-y;vertical-align:bottom">
<img style="border-width:0px;vertical-align:bottom" src="bilder/bogen_rechts1.gif" width="46" height="392" alt="">
</td>
</tr>
<tr>
<td style="width:46px;height:89px;background-image:url(bilder/hg_links.gif)"><img style="border-width:0px" src="bilder/eck_links_unten.gif" width="46" height="89" alt=""></td>
<td style="height:89px;background-image:url(bilder/hg_mitte_unten.gif);text-align:center;vertical-align:top"><img style="border-width:0px" src="bilder/bogen_unten1.gif" width="625" height="89" alt=""></td>
<td style="width:46px;height:89px;background-image:url(bilder/hg_rechts.gif)"><img style="border-width:0px" src="bilder/eck_rechts_unten.gif" width="46" height="89" alt=""></td>
</tr>
</table>
das 2.Problem:
Meiner meinung nach gleiches wie erstes.
ein modales popup fenster, in form einer tabelle wird erzeugt.
Hierbei wieder der fehler dass in der ersten reihe leere pixel zuviel sind
Anschauung:
http://home.arcor.de/daethangel1982/char/char.htm <<-- und dort auf nen link mit helper cursor klicken (zbsp.: Aufmerksamkeit)
Der code:
html=""
html+='<table border="0" id="dialogtable" cellpadding="0" cellspacing="0">'
html+=' <tr>'
html+=' <td width="21" height="20" style="background-image:url(popup/p_ecke_oben_links.gif);background-repeat:none">'
html+=' <img src="popup/trans.gif" width="21" height="19">'
html+=' </td>'
html+=' <td height="20" style="background-image:url(popup/p_top.gif);background-repeat:repeat-x">'
html+=' </td>'
html+=' <td width="21" height="20">'
html+=' <img src="popup/p_close.gif" width="21" height="20">'
html+=' </td>'
html+=' </tr>'
html+=' <tr>'
html+=' <td width="21" style="background-image:url(popup/p_links.gif);background-repeat:repeat-y">'
html+=' </td>'
html+=' <td bgcolor="#666666" align="center" valign="top">'
html+=' hgjhjghjghjghj'
html+=' </td>'
html+=' <td width="21" style="background-image:url(popup/p_rechts.gif);background-repeat:repeat-y">'
html+=' </td>'
html+=' </tr>'
html+=' <tr>'
html+=' <td width="21" height="7" style="background-image:url(popup/p_ecke_unten_links.gif)">'
html+=' </td>'
html+=' <td height="7" style="background-image:url(popup/p_unten.gif);background-repeat:repeat-x">'
html+=' </td>'
html+=' <td width="21" height="7" style="background-image:url(popup/p_ecke_unten_rechts.gif)">'
html+=' </td>'
html+=' </tr>'
html+='</table>'
diese will ich nun ausgeben, welches ich wie folgt mache
var divtag = document.createElement("DIV");
divtag.innerHTML = html;
var thisbody=document.body;
thisbody.appendChild(divtag);
nun Das Problem:
wenn ich das so allein mache funktioniert es einwandfrei.
binde ich das aber in meine Projekt ein funktioniert es nicht,
die erste Zelle hat dort eine höhe von ca 23px (3 mehr als normal), und das background image wird halt in diesen pixeln wiederholt, die anderen Zellen der Reihe sind an den 3 pixeln transparent.
In dem dokument in dem es eingebunden ist ist nichts aussergewöhnliches: 2 verschachtelte tabellen.
thx im vorraus
-Lambach
-
immer <td><img ... ></td> ohne Zeilenumbruch und Leerzeichen.
-
immer <td><img ... ></td> ohne Zeilenumbruch und Leerzeichen.
so einfach ist es leider nicht.
das hier leerzeichen dazwischen geraten sind ist nur nen test gewesen.
In der anderen version sind auch leerzeichen und zeilenumbrüche vorhanden und es funktioniert.
In der grundversion war der text ohne einen zeilenumbruch oder leerzeichen geschrieben, ich hab das nur zu übersicht aufgesplittet
-