|
|||
Tabellen-Layout mit pixelgenauer Ausrichtung
Hi
Ich bin grad dabei ein Template für eine Newsletter-Engine zu bauen - Auf Grund von Kundenwünschen bin ich an ein Tabellen-Layout gebunden dass kaum CSS verwendet Mein Problem ist jetzt allerdings dass FF und IE die Tabellenzellengrößen unterschiedlich rendert - Unterschied ist ein Pixel hab jetzt schon versucht mit line-height herumzuspielen und hat 0 Erfolg damit das Problem bleibt das gleiche Ich gehe mittlerweile davon aus dass das Problem darin liegt dass der Inhalt der Tabelle unterschiedlich sein kann -> die Tabelle soll immer 170px hoch sein und die Abstände der einzelnen Zellen nach oben immer fix sein, nur die letzte Zelle soll nach unten hin variabel sein (je nachdem wieviele Zeilen gefüllt worden sind) mein bisheriger Code: HTML-Code:
<table cellpadding="0" cellspacing="0" border="0" height="170"> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="15" /></td> </tr> <tr> <td width="10"><img src="img/x.gif" alt="" width="10" height="1" /></td> <td> <font face="Arial, Helvetica, sans-serif" size="2" color="#424242" style="font-size: 13px;"> <strong>Unsere Topthemen im Mai</strong> </font> </td> <td width="10"><img src="img/x.gif" alt="" width="10" height="1" /></td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="14" /></td> </tr> <tr> <td width="10"><img src="img/x.gif" alt="" width="10" height="1" /></td> <td valign="top" align="left"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top"><img src="img/arrow_down.png" alt="" /></td> <td width="8"><img src="img/x.gif" alt="" width="8" height="1" /></td> <td> <a href="#boardkarte" target="_self" style="text-decoration: none;"> <font face="Arial, Helvetica, sans-serif" size="2" color="#000066" style="font-size:13px;"> <strong>Testinhalt</strong> </font> </a> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="5" /></td> </tr> <tr> <td valign="top"><img src="img/arrow_down.png" alt="" /></td> <td width="8"><img src="img/x.gif" alt="" width="8" height="1" /></td> <td> <a href="#kindersommer" target="_self" style="text-decoration: none;"> <font face="Arial, Helvetica, sans-serif" size="2" color="#000066" style="font-size:13px;"> <strong>testinhalt</strong> </font> </a> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="5" /></td> </tr> <tr> <td valign="top"><img src="img/arrow_down.png" alt="" /></td> <td width="8"><img src="img/x.gif" alt="" width="8" height="1" /></td> <td> <a href="#buisness" target="_self" style="text-decoration: none;"> <font face="Arial, Helvetica, sans-serif" size="2" color="#000066" style="font-size:13px;"> <strong>testInhalt</strong> </font> </a> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="5" /></td> </tr> <tr> <td valign="top"><img src="img/arrow_down.png" alt="" /></td> <td width="8"><img src="img/x.gif" alt="" width="8" height="1" /></td> <td> <a href="#quiz" target="_self" style="text-decoration: none;"> <font face="Arial, Helvetica, sans-serif" size="2" color="#000066" style="font-size:13px;"> <strong>testinhalt</strong> </font> </a> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="5" /></td> </tr> <tr> <td valign="top"><img src="img/arrow_down.png" alt="" /></td> <td width="8"><img src="img/x.gif" alt="" width="8" height="1" /></td> <td> <a href="#peps" target="_self" style="text-decoration: none;"> <font face="Arial, Helvetica, sans-serif" size="2" color="#000066" style="font-size:13px;"> <strong>testinhalt</strong> </font> </a> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="5" /></td> </tr> </table> </td> </tr> <tr> <td colspan="3"><img src="img/x.gif" alt="" width="1" height="20" /></td> </tr> </table> Gibts eine Möglichkeit dass entsprechend umzubauen so das die Abstände immer fix bleiben und nur der Abstand der letzten Zeile variabel ist ? Freu mich über jede Anregung lg Camelrider |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Layout mit Div-Containern (Ausrichtung) | Gecco | CSS | 8 | 26.02.2009 19:23 |
Joomla und CSS Layout ohne Tabellen ... | MoYo | CSS | 2 | 15.02.2007 11:19 |
css layout oder besser doch tabellen? | chrimp | CSS | 0 | 22.06.2004 16:54 |
2 Spalten Layout ohne Tabellen | creativ | (X)HTML | 2 | 12.01.2004 21:14 |
Wie am besten alte HTML Seite mit Tabellen in CSS Layout ? | Fidi | CSS | 0 | 07.01.2004 12:27 |