Im Notfall das ganze als Flash Seite bauen ...
Beiträge von Modula
-
-
sofern du die schrift nur an einigen wenigen stellen brauchst würde ich die Texte einfach als Grafik speichern und via <img> anzeigen...
-
Das schaut dann z.B. so aus:
-
Sofern du das meinst was ich im Bild rot markiert hab liegt das an den leerzeichen in deinen <td>s - der IE interpretiert diese (leider) - im Mozilla werden diese nicht angezeigt.
[Blockierte Grafik: http://tests.daoc-ds.de/goto/goto/http://www_~~~~_forum-hilfe_~~~~_de/download_~~~~_php_~~_id_~_687_~rem~~_.jpg]
Probier mal deinen Quelltext so umzuformatieren:
Code
Alles anzeigen<HTML> <HEAD> <TITLE> Multigaming Since 2004 </TITLE> </HEAD> <BODY BGCOLOR="#BFDAED" LINK="#000000" ALINK="#000000" VLINK="#000000"> <TABLE WIDTH="905" BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR> <TD HEIGHT="179" COLSPAN="3" VALIGN="top"> <TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD WIDTH="905" HEIGHT="40" VALIGN="top">[img]header.gif[/img]</TD> </TR> <TR> <TD> <TABLE WIDTH="907" BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR> <TD WIDTH="319" ALIGN="center" VALIGN="TOP" BACKGROUND="ol2.gif">[img]ol1.gif[/img]</TD> <TD WIDTH="269" ALIGN="center" VALIGN="TOP" BACKGROUND="om2.gif">[img]om1.gif[/img]</TD> <TD WIDTH="319" ALIGN="center" VALIGN="TOP" BACKGROUND="or2.gif">[img]or1.gif[/img]</TD> </TR> <TR> <TD WIDTH="319" ALIGN="center">[img]ol3.gif[/img]</TD> <TD WIDTH="269" ALIGN="center">[img]om3.gif[/img]</TD> <TD WIDTH="319" ALIGN="center">[img]or3.gif[/img]</TD> </TR> </TABLE> </TD> </TR> <TR> <TD>[img]A2.gif[/img]</TD> </TR> <TR> <TD> <TABLE WIDTH="907" BORDER="1" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR> <TD WIDTH="319" ALIGN="center">O1</TD> <TD WIDTH="269" ALIGN="center">O2</TD> <TD WIDTH="319" ALIGN="center">O3</TD> </TABLE> </TD> </TR> <TR> <TD>[img]A3.gif[/img]</TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML>(die umbrüche die etwas komisch in dem CODE aussehen sind browserbedingt
- musst auch rausnehmen. -
Moin zusammen - habe leider beim umgang mit float noch ein paar schwierigkeiten.
Hier mein Code:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> {tmpl_var name='title'} </title> <link rel="stylesheet" type="text/css" href="skin/1/css.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div style=" width: 778px; margin: 0px; padding: 0px; "> <div style=" clear: both; float: left; width: 150px; height: 14px; font-size: 10px; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 10px; height: 14px; background-color: #ECF0F4; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 14px; height: 14px; background-image: url(skin/1/images/textbereich_ol.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; height: 14px; width: 590px; background-image: url(skin/1/images/textbereich_oben.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: right; width: 14px; height: 14px; background-image: url(skin/1/images/textbereich_or.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" clear: both; float: left; width: 150px; height: 14px; font-size: 10px; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 10px; height: auto; min-height: 14px; background-color: #ECF0F4; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 14px; height: auto; min-height: 14px; background-image: url(skin/1/images/textbereich_links.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 590px; height: auto; min-height: 14px; background-color: #FFFFFF; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: right; width: 14px; height: auto; min-height: 14px; background-image: url(skin/1/images/textbereich_rechts.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" clear: both; float: left; width: 150px; height: 14px; font-size: 10px; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 10px; height: 14px; background-color: #ECF0F4; ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 14px; height: 14px; background-image: url(skin/1/images/textbereich_ul.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: left; width: 590px; height: 14px; background-image: url(skin/1/images/textbereich_unten.gif); ">[img]skin/1/images/1px.gif[/img]</div> <div style=" float: right; width: 14px; height: 14px; background-image: url(skin/1/images/textbereich_ur.gif); ">[img]skin/1/images/1px.gif[/img]</div> </div> </body> </html>und wie es im IE (oben) und FF (unten) ausschaut:
[Blockierte Grafik: http://tests.daoc-ds.de/bilder/ibplanet/screenshot3.jpg]Vorschläge, wie ich das hinbekommen könnte?
wichtig wär es mir, dass sich die höhe der divs die den Rahmen darstellen automatisch an die höhe des inneren divs anpasst, geht das irgendwie?Ich weiß, das ganze würde sich bequem über tabellen lösen lassen, diese möchte ich an dieser Stelle aber nicht verwenden.
Grüße,
Modula