Ich bin gerade dabei meine erste HTML - Seite zur erstellen und habe dabei folgendes Problem:
Die Seite besteht aus einzelnen Bildern, für die ich jeweils einzelne Frames eingerichtet habe. In einem Frame befindet sich eine Layout - Tabelle, um den Text anordnen zu können. In Safari wird alles korrekt angezeigt, leider nicht im IE und Firefox. Hier verschiebt sich die Länger der tabell über das Layout hinaus. Ihr könnt euch das gerne mal unter
http://www.barthman.de/html/Text1.html
ansehen, ist allerdings erst ein Entwurf, daher sind die Bilddateien noch so groß. Ich habe keine Idee woran das liegen könnte. Der Code sieht folgender Maßen aus:
Code
<div id= "text" style="position: absolute; left: 168px; top: 128px; width: 552px; height: 308px; z-index: 7; background-color: #FFFFFF; layer-backround-color: #FFFFFF;">
<p class="style1">
<table width="310" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="305"><div align="justify" class="style2">
Hallo und herzlich willkommen bei barthman.de!</p>
Diese Website beschäftigt sich vorrangig mit dem Thema Home - Recording und soll vor allem Neueinsteigern einen ausschnittsweisen Grobüberblick über die Möglichkeiten aber auch Erfordernisse semiprofessioneller Tonaufnahmen in den eigenen vier Wänden geben. Dabei steht die Betrachtung und Beschreibung des Studioumfeldes im Vordergrund.</p>
Neben dem Studioaufbau möchte ich Ihnen natürlich meine Erfahrungen und Meinungen zu bestimmten Themengebieten nicht vorenthalten, um so Erfahrungen, die ich im Laufe der Jahre zusammengetragen habe, an Sie weiterzugeben. </p>
Daneben gibt es natürlich auch einiges zu meiner Person zu erfahren und nicht zuletzt möchte ich Freunden, Bekannten und Kollegen eine interaktive Plattform bieten, um "privates" auszutauschen.</p>
Viel Spaß beim Lesen und Stöbern!
Sebastian Barth</p>
</div></td>
<td width="5"></td>
</tr>
<tr>
<td height="1">[img]spacer.gif[/img]</td>
<td></td>
</tr>
</table>
</p>
</div>Weitere tabelleneigenschaften habe ich über CSS definiert:
Code
body {
background-color: #333333;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-right-style: dotted;
border-right-width: 1px;
border-right-color: #999999;
padding-right: 10px;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 0px;
}
-->
</style></head>
<body>[/code]
, aber ich glaub es zu wissen und darum start ich hier mal einen Versuch: