Header durch Banner-Script im IE verzogen

cursed_phil

Ich habe ein Problem mit dem Header meiner Website, er wird durch ein Baner Script, das ich dort eingebunden habe, verzogen. Firefox stellt den Fehler nicht dar, im Internet Explorer wird daruch jedoch das komplette Layout verschoben, was ziemlich unschön ist.

Da ist der Header-Abschnitt:

Code

<table align="center" border="0" cellpadding="0" cellspacing="0" height="290" width="100%">
  <tbody>
    <tr>
      <td rowspan="3" style="background-position: right top;" align="right" background="http://www.hauntedgermany.de/images/layout_01.gif" bgcolor="black" valign="top" width="50%"></td>
      <td colspan="3" bgcolor="black" height="14"> [img]http://www.hauntedgermany.de/images/header_10.gif[/img][url='http://www.hauntedgermany.de/advertise.php'][img]http://www.hauntedgermany.de/images/advertise_button.gif[/img][/url]</td>
      <td bgcolor="black"></td>
      <td rowspan="3" align="left" background="http://www.hauntedgermany.de/images/layout_04.gif" bgcolor="black" valign="top" width="50%"></td>
    </tr>
    <tr>
      <td width="21" rowspan="2" valign="top"> [img]http://www.hauntedgermany.de/images/header_10-06.gif[/img]</td>
      <td width="468" height="60" valign="top" bgcolor="black">
      <script type="text/javascript">
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com


var currentdate = 0;
var core = 0;


function initArray() {


this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
  }
}


link = new initArray(
"http://www.hauntedgermany.de/",
"http://partners.webmasterplan.com/click.asp?ref=398180&site=2464&type=b3&bnb=3",
"http://partners.webmasterplan.com/click.asp?ref=398180&site=3432&type=b23&bnb=23"
);


image = new initArray(
"http://www.hauntedgermany.de/images/haunted_germany_banner.gif",
"http://banners.webmasterplan.com/view.asp?ref=398180&site=2464&b=3",
"http://banners.webmasterplan.com/view.asp?ref=398180&site=3432&b=23"
);


text = new initArray(
"Haunted Germany - Die deutsche Website für Halloween Fans!",
"DER RACHESHOP - Europas verrücktester Online Shop!",
"HORRORKLINIK - DER Halloween Online Shop!"
);


var currentdate = new Date();
var core = currentdate.getSeconds() % image.length;
var ranlink  = link[core];
var ranimage = image[core];
var rantext  = text[core];


document.write('<a href=\"' +ranlink+ '\" target=\"_blank\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\"><\/a>');
//-->
</SCRIPT>
      </td>
      <td width="31" rowspan="2" valign="top" bgcolor="black"> [img]http://www.hauntedgermany.de/images/header_10-08.gif[/img]</td>
    </tr>
    <tr>
      <td height="216" valign="top"> [url='http://www.hauntedgermany.de/index.php'][img]http://www.hauntedgermany.de/images/header_10-09.gif[/img][/url]</td>
    </tr>
  </tbody>
</table>

Alles anzeigen

Den Fehler könnt ihr euch hier angucken: http://www.hauntedgermany.de

K.Y.L.T.

Hi, also beim Header sehe ich eigentlich keine verschiebung, nur das der Die Tabellenhöhe nicht richtig übernimmt, eher der Footerinhalt ist verschoben
(im IE 7)

cursed_phil

Ja stimmt, der Footer wird auch verschoben, da weiss ich leider auch nicht woran es liegt.

Ohne das Banner-Script wird der Header aber richtig angezeigt, auch im IE. Ic habe mal Bilder der Layout-Fehler angehängt.

Das merkwürdige ist, das auf dem Board alles mehr oder weniger richtig angezeigt wird.

Kann mir jemand verraten was ich im Code verändern muss?

cursed_phil

Niemand der mir helfen kann/will?
Ich komm da allein leider echt nicht weiter...

driver

wies aussieht is an dem ganzen der banner schuld.
die höhe von ihm wird im ie und ff anscheinend unterschiedlich
interpretiert.

an deiner stelle würd ich den 2 hintergrundbildern einfach unten noch
paar pixel schwarz anfügen, damit sie nicht wiederholt werden...

alternativ:

Code

<TD style="BACKGROUND-POSITION: right top;background-repeat:no-repeat;" vAlign=top align=right 
    width="50%" 
    background="Haunted Germany - Die deutsche Website für Halloween Fans!-Dateien/layout_01.gif" 
    bgColor=black rowSpan=3></TD>

und

Code

<TD vAlign=top align=left width="50%" 
    background="Haunted Germany - Die deutsche Website für Halloween Fans!-Dateien/layout_04.gif" 
    bgColor=black rowSpan=3 style="background-repeat:no-repeat;"></TD></TR>

so schaltest du die wiederholung komplett aus. und da die hintergrundfarbe eh
schwarz is passt des auch dazu....

cursed_phil

naja das problem wird ja im grunde genommen nur dadurch verursacht, das unter dem banner im IE noch platz gelassen wird. dadurch verschiebt sich die unter grafik (das logo) und zeiht auch den rest mit runter, weil die tabellen nicht mehr passen.

wenn ich jetzt nur die äußeren grafiken korrigiere ist ja immer noch der rest verschoben und passt nicht mehr so ganz zsm.

also gut wäre jetzt zu wissen weshalb der internet explorer unter dem banner noch platz lässt. ohne das script, mit einfacher grafik, wird das ganz normal dargestellt, auch im IE.

driver

änder evtl mal das hier

Code

document.write('<a href=\"' +ranlink+ '\" target=\"_blank\"><img src=\"'+ranimage+'\" border="0" height="60px" width="468px" alt=\"'+rantext+'\"><\/a>');

und mach aus den 60px mal 55 oder so. nur mal zum test....

cursed_phil

wenn ich ihm einfach die größenwerte gebe ändert sich nichts, die scheint der IE schon ganz normal zu erkennen.

der IE fügt eher nochmal platz unter dem banner ein, weshalb auch immer. habe den banner code auch schon validiert, ändert nichts.

vielleicht hilft es, das script per funktion im header zu schreiben und dann nur an der gewünschten stelle auszulesen? wenn ja, wie bekomme ich das hin?

cursed_phil

Ich glaube dem IE gefiel das Java Script dort nicht so ganz.
Habe jetzt ein anderes Script benutzt, das auch wesentlich besser ist, und das per I-Frame eingebunden.
Ist zwar nicht ganz so elegant, aber erfüllt seinen Zweck.

driver

wunderbar....

PS: benutz doch bitte die editfunktion mit

Tags