Hey,
Ich brauche dringen hilfe bei einem Design Code.
Undzwar wird das Design im I-Explorer nicht richtig angeizeigt.
(Content ist nach unten verschoben)
Im Firefox und Crome wird die seite richtig angezeigt woran kann das liegen?
Ich weiß schon das der I-Explorer die CSS(HTML) Codes anders liest (oda so, ist ja nicht so wichtig), aber wie muss ich den Code jezt ändern das das Design auch im I-Explorer richtig angezeigt wird.
Hier mal ein Teil des Codes:
Text über dem Design:
<div id="index_design">
<div id="header"></div>
<div id="rahmen">
<div id="startseite">
<a href="http://my-showpiece.de.tl/Home.htm"></a>
</div>
<div id="news">
<a href="http://my-showpiece.de.tl/Ich.htm"></a>
</div>
<div id="information">
<a href="http://my-showpiece.de.tl/Musik.htm"></a>
</div>
<div id="events">
<a href="http://my-showpiece.de.tl/Games.htm"></a>
</div>
<div id="forum">
<a href="http://kohompa.de.tl/"></a>
</div>
<div id="op-game">
<a href="http://my-showpiece.de.tl/G.ae.stebuch.htm"></a>
</div>
<div id="kontakt">
<a href="http://my-showpiece.de.tl/Kontakt.htm"></a>
</div>
Text unter dem Design:
</div>
CSS-Code ohne Style Tags:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}
body{
background: url(http://kohompa.bplaced.net/lau-co/one-piece/bgackground.jpg) repeat;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px; }
p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;}
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #5091c6;}
h2{
margin: 0px;
color: #243b4e;}
h1.hptitle{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 30px; margin-left: 180px;
color: #fff;}
h2.slogan{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;}
a{
color: #58a3e0;
text-decoration: none;
outline: none;}
a:hover{
color: #5091c6;
text-decoration: underline;}
*{
padding: 0;
margin: 0;}
ul, li{
list-style-type: square;}
hr{
height: 1px;
border: 0px dashed #c7cbbd;
background-color: #243b4e;
margin: 5px;}
img{
border: 0px;}
#index_design{
width: 1000px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;}
#rahmen{
width: 661px;
background: url(http://kohompa.bplaced.net/lau-co/one-piece/bg-1.jpg);
float: left;
margin-left:142px;
margin-bottom: 15px;
}
#content{
background-image: url(http://kohompa.bplaced.net/lau-co/one-piece/content-bg.png);
float: left;
width: 445px;
min-height: 315px;
background: #transperent;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
margin-top: -43px;
margin-left: 170px;
color: #000;}
#header {
background-image: url(http://kohompa.bplaced.net/lau-co/one-piece/Header.jpg);
background-repeat: no-repeat;
width: 665px;
height: 230px;
color: #ffffff;
float: center;
clear:both;
margin-top: -3px;
margin-left: 140px;
}
#startseite{
width: 167px;
height: 37px;
...
...
Danke schon mal für jede art von Hilfe
______________
