Problem mit Html-Object in Div mit links und target top unter IE

Firecracker

Hallo zusammen,

ich bin gerade dabei die Internetseite unseres Vereins auf zu arbeiten und steige
jetzt von Frames auf Divs um.
Bis jetzt war auch alles noch ganz entspannt doch dann kam der Internet Explorer.
Ich habe eine Seite mit 5 Divs: Base,Header,Menu,Read,Foot.
Die Menu und Foot divs sind mit Html-Object Tags versehen damit ich nur die
html dateien ändern muss, wenn was im Menu oder Footer ist.
Im Menu sind die links mit target="_top" versehen damit die gesamte Seite betroffen ist.
FireFox raffts, Google Chrome auch aber der verkackte Internet Explorer meint 1.es wäre nen Active X Object und 2. führt er den link im div vom Menu aus...
Bin relativ verzweifelt.

Hier mal der code

hier von einer Seite

Zitat

<html>
<head> <title> Homepage </title>
<link rel="stylesheet" type"text/css" href="../../styles/styles.css">
</head>

<body>
<div id="base">

<div id="header">
</div>

<div id="menu">
<object
style="float: right;"
data="../base/menu.html"
type="text/html"
width="980"
height="70">
</object>
</div>

<div id="read">

INHALT

</div>

<div id="foot">
<object
style="float: right;"
data="../base/foot.html"
type="text/html"
width="980"
height="115">
</object>
</div>

</div>
</body>
</html>

Alles anzeigen

Das ist das Menu

Zitat

<html>
<head>
<title> MENU </title>
<link rel="stylesheet" type"text/css" href="../../styles/menu.css">
</head>

<body>
<a href="../home/home.html" target="_top">>Home<</a>
<a href="../bildpresse/bildpresse.html" target="_top">>Bildergalerie&Presse<</a>
<a href="../termine/termine.html" target="_top">>Aktuelle Termine<</a>
</br>
<a href="../links/links.html" target="_top">>Links<</a>
<a href="../kontakt/kontakt.html" target="_top">>Kontakt<</a>
<a href="../guestbook/guestbook.html" target="_top">>Gästebuch<</a>
<a target="_top" href="../impressum/impressum.html">>Impressum<</a>
</body>

</html>

Alles anzeigen

hier noch die CSS von der Hauptseite:

Zitat

body
{
margin: 0 auto;
color: #ffffff;
background: #080808;
text-align: center;
}

#base
{
margin: 0 auto;
width: 980px;
height: 100%;
background: #000000 url("../pics/backsmall.jpg") no-repeat fixed center;
text-align: center;
}

#header
{
margin: 0 auto;
width: 980px;
height:137px;
background-color: #000000;
background-image: url("../pics/header.jpg");
background-position: top center;
background-repeat: no-repeat;
}

#menu
{
margin: 0 auto;
width: 980px;
height:65px;
background-color: #000000;
}

#read
{
margin-top: 15px;
width: 980px;
}

#foot
{
margin: 0 auto;
width: 980px;
height: 130px;
}

#foot p
{
color: #ffffff;
font: bold 14px Times New Roman;
}

Alles anzeigen

Wäre super wenn ihr ne Lösung habt, bin noch neu in der Materie...
Vielen Dank im vorraus.

Beste Grüße

Matthias

threadi

Wenn Du mit object hantierst, musst Du davon ausgehen, dass das jeder Browser anders handhabt. Der IE verarbeitet das eben, solange es kein Plugin aktiviert, als ActiveX. Das kannst Du nur dadurch verhindern indem Du auf object verzichtest.

Das was Du eigentlich damit erreichen willst, macht man heutzutage mit PHP. Du willst ja offenbar eine zentrale Menü-Datei ablegen damit Du das Menü immer nur an einer Stelle ändern musst um es dann automatisch auf allen Seiten ändern zu lassen. Genau das geht mit PHP. Beispiel:

PHP

<?php include("../base/menu.html"); ?>

Dito auch für den Footer oder alle anderen Bereiche die Du so einbinden möchtest.