zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabellen-Layout mit pixelgenauer Ausrichtung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.06.2009, 15:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2007
Beiträge: 51
Camelrider befindet sich auf einem aufstrebenden Ast
Standard 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>
Wenn ich jetzt eine Zeile rauslösche wird der Abstand zwischen den einzelnen Zeilen plötzlich größer

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:46 Uhr.