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
ZitatAlles anzeigen
<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>
Das ist das Menu
ZitatAlles anzeigen
<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>
hier noch die CSS von der Hauptseite:
ZitatAlles anzeigen
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;
}
Wäre super wenn ihr ne Lösung habt, bin noch neu in der Materie...
Vielen Dank im vorraus.
Beste Grüße
Matthias