nicht angemeldet
Hallo Leute,
ich verstehe die Welt nicht mehr. Ich bin gerade dabei meine Homepage neu zu machen, dabei ist auch eine Fotogalerie. Als Vorschau werden immer 2 Bilder angezeigt, die dann eine Art "Dia-Rahmen" bekommen. Das ganze ist mit ner Tabelle gelöst. Mitte das Bild und recht,links, oben und unten der Dia-Rahmen.
Schaut es euch an unter www.christopher-boehm.de -> PRIVAT -> Fotogalerie (die Homepage ist ca. 1-2 Tage online)
Im Internet-Explorer sieht das top aus, aber bei Mozilla-Browsern verschiebt es sich und sieht schrecklich aus, aber schaut es euch mal selbst an.
Der Code dazu ist dieser
print('<div class="rahmen">');
print('<div class="datum">'.$datum.'</div>');
print('<div class="titel"><a href="galerie_edit.php?themenNr='.$id.'">'.$titel.'</a></div>');
print('<div class="inhalt">');
print('<table width="630" border="0" cellspacing="0" cellpadding="0" height="134">');
print('<tr height="16">');
print('<td rowspan="3" width="5" height="134"><img src="links.gif" alt="" width="5" height="134" border="0"></td>');
print('<td valign="bottom" width="150" height="17"><img src="oben.gif" alt="" width="150" height="17" border="0"></td>');
print('<td rowspan="3" width="5" height="134"><img src="rechts.gif" alt="" width="5" height="134" border="0"></td>');
print('<td rowspan="3" width="20" height="134"><img src="spacer.gif" alt="" width="20" height="1" border="0"></td>');
print('<td rowspan="3" width="5" height="134"><img src="links.gif" alt="" width="5" height="134" border="0"></td>');
print('<td valign="bottom" width="150" height="17"><img src="oben.gif" alt="" width="150" height="17" border="0"></td>');
print('<td rowspan="3" width="5" height="134"><img src="rechts.gif" alt="" width="5" height="134" border="0"></td>');
print('<td rowspan="3" width="20" height="134"><img src="spacer.gif" alt="" width="20" height="1" border="0"></td>');
print('<td width="270" height="17"><img src="spacer.gif" alt="" width="270" height="17" border="0"></td>');
print('</tr>');
print('<tr height="100">');
print('<td width="150" height="100"><img src="leer.gif" alt="" width="150" height="100" border="0"></td>');
print('<td width="150" height="100"><img src="leer.gif" alt="" width="150" height="100" border="0"></td>');
print('<td valign="top" width="270" height="100"><p class="beschreibung">'.$beschreibung.'</p></td>');
print('</tr>');
print('<tr height="16">');
print('<td valign="top" width="150" height="17"><img src="unten.gif" alt="" width="150" height="17" border="0"></td>');
print('<td valign="top" width="150" height="17"><img src="unten.gif" alt="" width="150" height="17" border="0"></td>');
print('<td width="270" height="17"><img src="spacer.gif" alt="" width="270" height="17" border="0"></td>');
print('</tr>');
print('</table>');
print('</div>');
print('<div class="buttons">');
print('Test');
print('</div>');
print('</div>');
print('<br>');
und die CSS-Datei
div.rahmen { background-color: #003d3d; position: static; width: 700px; height: 250px; border: solid 2px white }
div.datum { color: white; font-size: 18px; font-family: Arial; padding: 5px; position: static; width: 690px }
div.titel { background-color: white; padding: 5px; position: static; width: 690px }
div.inhalt { color: white; font-size: 14px; font-family: Arial; font-weight: normal; padding: 8px 10px; position: relative; width: 680px; height: 134px }
div.buttons { background-color: #651e20; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; position: static; width: 690px; height: 15px; border-top: 2px solid white }
p.beschreibung { color: white; font-size: 11px; font-family: Arial; font-weight: normal }
a { color: black; font-size: 28px; font-family: Arial; font-weight: bold; text-decoration: none }
Hmm, ich wusste ja das es Unterschiede gibt, aber bei ner Tabelle?!? Oder mache ich irgendwas falsch?
Kann mir jemand sagen wie ich es richtig machen muss/kann?