Tabelle vs. Netscape
Der Mann vom anderen Ende
- html
SalvE!
AAAAAAAAAAAAAAAAAAAAhhhhhhhhhhhh..........
Man nehme eine Tabelle in einem Frame. Jetzt möchte ich mit dieser Tabelle etwas (3 Buttons) right positionieren. Insgesamt habe ich 12 Spalten. Die erste Spalte dient zur Positionierung:
<td width="50%"><img src="navigation/spacer.gif"></td>
Ab der zweiten Spalten folgen jeweils der linke Teil eines Buttons, der Link als Text mit Hintergrundbild, und zum Schluß der rechte Teil des Buttons. (das alles dreimal)
Das Problem: Anders, als über die 50% lässt sich das ganze nicht dynamisch positionieren, da baut aber Netscape an die linken und rechten Pictures ca. 6 Pics Hintergrund. Beim einfärben sieht man, das Netscape die Spalten für die Pictures über die Breite der Pics nach rechts erweitert, obwohl alles auf genau 3 Pix begrenzt ist.
(Netscape 4.73)
Ja, NS hatte schon immer ein Pixelproblem.
Trotzdem bin ich der Meinung sollten Tabellen einigermassen
korrekt dargestellt werden.
Hast du cellspacing und cellpadding und border auf 0 gesetzt?
Alex
SalvE!
Hast du cellspacing und cellpadding und border auf 0 gesetzt?
Jepp, sind draußen.
ok, ich bin mir nicht sicher (nicht bei ns) aber
du solltest mal die hoehe und breite direkt in
html angeben und nicht in css.
ich habe mal gelesen, das die attribute naemlich
nicht wirklich zum standard zaehlen, was sich bei
auch meist bewahrheitet hat...
SalvE!
ok, ich bin mir nicht sicher (nicht bei ns) aber
du solltest mal die hoehe und breite direkt in
html angeben und nicht in css.
ich habe mal gelesen, das die attribute naemlich
nicht wirklich zum standard zaehlen, was sich bei
auch meist bewahrheitet hat...
Eigentlich richtig, nur interressiert es NS überhaupt nicht wo die stehen. Irgendwie vererbt er die Prozente, denn beim zusammen schieben wird auch der Abstand kleiner.
sinnvoll: </selfaktuell/forum/faq/forumsfaq_2.htm#a5>
Wollte es nicht posten, da es sich um ein Geschäftsprojekt handelt.
Hier die so abgespeckte Version, das man eh nicht mehr auf was zurückgreifen kann:
<table class="button" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%"><img src="navigation/spacer.gif"></td>
<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>
<td class="buttonmiddle"><a href="platzhalter.htm" title="platzhalter" target="_blank" >Vergleichsliste</a></td>
<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>
<td><img src="navigation/spacer.gif" width="6" height="1"></td>
<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>
<td class="buttonmiddle"><a href="platzhalter.htm" title="platzhalter" target="_blank" >platzhalter</a></td>
<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>
<td><img src="navigation/spacer.gif" width="6" height="1"></td>
<td class="button"><img src="button/btn_left.gif" width="6" height="19"></td>
<td class="buttonmiddle" nowrap>platzhalter</td>
<td class="button"><img src="button/btn_right.gif" width="6" height="19"></td>
</tr>
<tr>
<td><img src="navigation/spacer.gif" width="1" height="6"></td>
</tr>
</table>
und hier noch der auschnitt aus der css-Datei:
table.button
{
margin-top:10px;
margin-bottom:10px;
text-align:right;
background-color:#d3e3ed;
}
td.button
{
height:19px;
width:6px;
}
td.buttonmiddle
{
background-image:url("button/btn_middle.gif");
height:19px;
font-family:Arial;
font-size:11px;
color:#ffffff;
text-align:middle;
}
Glaube zwar nicht, daß es was bringt, aber bitte...
Hallo "Der Mann vom anderen Ende",
[...]
baue eine Tabelle, wo nur die Buttons drin sind und drumherum noch
eine Tabelle, wo Du dann align="right" benutzt, um den Inhalt (die
Tabelle mit den Buttons) wie gewünscht auszurichten.
Sollte auch im Netscape ohne Probleme klappen.
Übrigens fehlt derzeit colspan="12" in der zweiten Zeile.
Viele Grüße aus Dresden,
Stefan Einspender