nicht angemeldet
Hi,
ich habe folgendes Problem, nachdem ich mein Seite wunder hinbekommen und ich der festen überzeugung war... mensch das hast du gut hinbekommen, weil sie bei mir super lief (Firefox, standart) meinte nen kumpel "je deine seite läuft ja garnicht..." ich rin... alles super. frage ihn so beiläufig nach seinem browser: IE. Und da läuft sie wirklich nicht.
Ich habe in einem Frame eine html seine als Kopfzeile und dein eigendlichen inhalt in shtml, weil ich die navi-leite eingebunden habe...
news.shtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>haenser.de</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
padding: 0;
text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
color: #000000;
background-color: #FFFFFF;
}
#container {
background:#ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
margin: auto;
width: 800px
}
#navi {
width: 150px;
height: 600px;
float: left;
}
#mainContent {
width: 530px;
height: auto;
}
#update {
width: 260px;
height: auto;
float: right;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
</style>
<!--[if IE]>
<style type="text/css">
/* Fügen Sie CSS-Korrekturen für alle IE-Versionen in diesen bedingten Kommentar ein. */
.twoColElsLt #sidebar1 { padding-top: 30px; }
.twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
/* Mit der obigen proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist. */
</style>
<![endif]-->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="navi">
<!--#include virtual="navi.inc" -->
</div>
<div id="update"><h4>letztes Update</h4>
xxxx
</div>
<div id="mainContent" align="left" >
xxxx
</div>
</div>
</body>
</html>
navi.inc:
<div class="MenuBarActive">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="http://www.haenser.de/index/news.shtml">News</a></li>
<li><a>Bilder</a>
<ul>
<li><a>Radsport</a>
<ul>
<li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_tue.shtml">Thüringenrundfahrt</a></li>
<li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_fr1.shtml">Ronde de L´Isard</a></li>
<li><a href="http://www.haenser.de/bilder/Radsport/bilder_rads_dm_ez_07.shtml">Deutsche U23 Meisterschaften - Einzelzeitfahren</a></li>
</ul>
</li>
<li><a href="http://www.haenser.de/bilder/Privat/bilder_privat.shtml">Privat</a></li>
</ul>
</li>
<li><a>Dinge die die Welt nicht braucht</a>
<ul>
<li><a>Die schöne Welt des Radsports</a>
<ul>
<li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_erg.shtml">Ergebnisse</a></li>
<li><a href="http://www.haenser.de/dddwnb/radsport/dddwnb_rads_rennb.shtml">Rennerberichte</a></li>
</ul>
</li>
<li><a href="http://www.haenser.de/dddwnb/dddwnb_comment.shtml">Comments</a></li>
<li><a href="http://www.haenser.de/dddwnb/dddwnb_fun.shtml">Fun</a></li>
<li><a href="http://www.haenser.de/tage.shtml">Mein Tagebuch</a></li>
</ul>
</li>
<li><a href="http://www.haenser.de/links.shtml">Links</a></li>
<li><a href="http://125044.multiguestbook.com/">Gästebuch</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>
wie gesagt bei Firefox läuft alles super nur der IE mach mir sorgen
Gunnar Bittersmann