In Opera, Firefox, Chrome etc mag sie gehen aber im Internet explorer ist total murre.
Ich habe in der index.htm nun
<link rel="stylesheet" type="text/css" href="include/designs/athoris/style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="include/designs/athoris/styleie.css">
<![endif]-->
Damit ich bei ie die fehler korigieren kann die er anzeigt.
Oehm mein eintrag von hmenu ist in der style.css folgendermaßen
div#hmenu2 {
width:942px;
height:5px;
background: url(images/hmenu2.gif)
}
die index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>{TITLE}</title>
<link rel="shortcut icon" type="image/x-icon" href="include/designs/athoris/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="include/designs/athoris/style.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="include/designs/athoris/styleie.css">
<![endif]-->
</head>
<body>
<div id="bg" align="center">
<div id="complete" align="center">
{_if_{cookie}>'0'}
<!-- HEADER -->
<div class="cf">
<!-- LINKS -->
<!-- BANNER -->
<div id="header" class="cf left">
<div id="header-left" class="left"></div>
<a href="index.php" id="banner" class="left"></a>
<div id="header-mid2" class="left"></div>
<!-- BANNER -->
<!-- NAVIGATION -->
<div id="navi-left" class="left"></div>
{_boxes_navigation}
</div>
<!-- NAVIGATION -->
<!-- LINKS -->
<!-- RECHTS -->
<div id="headerr" class="cf left">
<div id="header-right2" class="left"></div>
<div id="logout" class="left">
{_boxes_slogin}
</div>
<div id="navi-right2" class="left"></div>
</div>
<!-- RECHTS -->
</div>
<!-- HEADER -->
{_else_}
<!-- HEADER -->
<div class="cf">
<div id="header-comp" class="cf left">
<div id="header-left" class="left"></div>
<a href="index.php" id="banner" class="left"></a>
<div id="header-right" class="left"></div>
</div>
</div>
<!-- HEADER -->
<!-- NAVIGATION -->
<div class="cf">
<!-- LINKS -->
<div id="navigation" class="cf left">
<div id="navi-left" class="left"></div>
{_boxes_navigation}
<!-- LINKS -->
<!-- RECHTS -->
<div id="navi-middle" class="left"></div>
<div id="navi-head" class="left"></div>
<a href="index.php?login" id="login" class="left"></a>
</div>
<div id="navi-right" class="left"></div>
</div>
<!-- RECHTS -->
<!-- NAVIGATION -->
{/_endif}
<!-- CONTENT HAUPT -->
<div class="cf">
<!-- LINKS -->
<div id="content2" class="cf left">
<div id="hmenu2" class="left"></div>
<div id="content-cont" class="left">
<h2>{HMENU}</h2>
<br />
{EXPLODE}
</div>
<!-- LINKS -->
<!-- RECHTS -->
<div id="boxbg" class="cf left">
<div id="box">
<div id="box-cont" class="left">
<h2>Ingame Datum</h2>
<div id="box-cont2" class="left">
{_boxes_date}
</div>
</div>
<div id="box-footer" class="left"></div>
<div id="box-header" class="left"></div>
<div id="box-cont" class="left">
<h2>Zufallsbild</h2>
<div id="box-cont2" class="left">
{_boxes_zufallspic}
</div>
</div>
<div id="box-footer" class="left"></div>
<div id="box-header" class="left"></div>
<div id="box-cont" class="left">
<h2>Spielerevent</h2>
<div id="box-cont2" class="left">
{_boxes_spielerevent}
</div>
</div>
<div id="box-footer" class="left"></div>
</div>
</div>
<!-- RECHTS -->
</div>
<div id="content-foo2" class="left"></div>
</div>
<!-- CONTENT HAUPT -->
{_boxes_copyright}
<br /><br />
</div>
</div>
<!-- FOOTER -->
<div id="footerbg" align="center">
<div id="footer" align="center">
<div id="footer-nav" align="left"><b>Navigation:</b> <a href="index.php">Neuigkeiten</a> | <a href="index.php?#">Spiel</a> | <a href="index.php?#">Community</a> | <a href="index.php?#">Media</a> | <a href="index.php?#">Foren</a> | <a href="index.php?#">Kontakt</a></div>
<div id="footer-icons" align="left"><a href="#" target="_blank"><img src="include/designs/athoris/images/icon_fb.gif" alt="" border="0"></a> <a href="#"><img src="include/designs/athoris/images/icon_rss.gif" alt="" border="0"></a></div><div id="footer-besch" align="center">consetetur sadipscing elitr, diam nonumy tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br />
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor</div>
</div>
<br />
</div>
<!-- FOOTER -->
</body>
</html>
style.css
body, th, td {
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
color:#000000;
margin: 0 auto;
}
div#bg {
background-color: #d4d4d4;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
}
a {
color: #5d1b03;
text-decoration: none;
}
a:hover {
color:#000000;
font-weight:none;
text-decoration: underline;
}
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
/* For modern browsers */
ul, ol, li {
list-style: none;
margin: 0;
padding: 0;
line-height:17px;
}
/* CONTENT */
div#complete {
width:942px;
margin: 0 auto;
}
/* HEADER */
div#header-comp {
width:942px;
height:148px;
}
div#header-comp2 {
width:942px;
height:200px;
}
div#header {
width:634px;
height:200px;
}
div#headerr {
width:308px;
height:200px;
}
div#header-left {
width:100px;
height:148px;
background:url(images/header_left.gif)
}
#banner {
width:263px;
height:148px;
background:url(images/header_banner.gif)
}
div#header-mid2 {
width:271px;
height:148px;
background:url(images/header_mid2.gif)
}
div#header-right {
width:579px;
height:148px;
background:url(images/header_right.gif)
}
div#header-right2 {
width:308px;
height:112px;
background:url(images/header_right2.gif)
}
/* HEADER */
/* NAVIGATION */
#navigation {
width: 897px;
height: 52px;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#navigation2 {
width: 634px;
height: 52px;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
#navigation ul, ol, li {
margin: 0;
padding: 0;
line-height:17px;
}
#navigation-menu ul {
width: 159px; /* Sub Menu Width */
text-align: left;
margin: 0;
list-style: none;
display: none;
position: absolute;
top: 100%;
}
/* 2nd Menu */
#navigation-menu ul ul,
#navigation-menu ul ul ul {
top:-10px;
left: 100%;
}
/* 3nd Menu */
#navigation-menu li {
float: left;
display: inline;
position: relative;
}
ul li ul.subnavi {
width: 170px !important;
padding: 10px 0 0;
z-index:5;
background: url(images/navi-sub-header.png) top center no-repeat;
display: block;
}
ul li ul.subnavi li.subnavistart {
width: 170px !important;
padding: 10px 0 0;
z-index:5;
background: url(images/navi-sub-header.png) top center no-repeat;
display: block;
}
.subnavi a:hover {
font-weight:bold;
color:#000000;
text-decoration:none;
}
ul li ul.subnavi li {
float: left;
display: inline;
position: relative;
padding-left: 11px;
width: 159px !important;
z-index:5;
background-image:url(images/navi-sub-content.png);
}
ul li ul.subnavi li.last {
width: 170px !important;
height: 7px !important;
padding: 0 !important;
z-index:5;
background-image:url(images/navi-sub-footer.png);
}
ul li ul li ul.subnavi {
width: 170px !important;
padding: 10px 0 0;
z-index:5;
background: url(images/navi-sub-header.png) top center no-repeat;
display: block;
}
ul li ul li ul.subnavi li {
float: left;
display: inline;
position: relative;
padding-left: 11px;
width: 159px !important;
z-index:5;
background-image:url(images/navi-sub-content.png);
}
ul li ul li ul.subnavi li.last {
width: 170px !important;
height: 7px !important;
padding: 0 !important;
z-index:5;
background-image:url(images/navi-sub-footer.png);
}
#navigation-menu ul li { width: 100%; display: block; }
/* Root Menu Hover Persistence */
/* 2nd Menu */
#navigation-menu li:hover li a,#navigation-menu li.iehover li a {
float: none;
}
/* 3nd Menu */
#navigation-menu li:hover li li a,
#navigation-menu li.iehover li li a {
float: none;
}
/* Hover Function - Do Not Move */
#navigation-menu li:hover ul ul ul,
#navigation-menu li:hover ul ul ul ul,
#navigation-menu li.iehover ul ul ul,
#navigation-menu li.iehover ul ul ul ul { display: none; }
#navigation-menu li:hover ul ul,
#navigation-menu li:hover ul ul ul,
#navigation-menu li.iehover ul ul,
#navigation-menu li.iehover ul ul ul { display: none; }
#navigation-menu li:hover ul,
#navigation-menu ul li:hover ul,
#navigation-menu ul ul li:hover ul,
#navigation-menu li.iehover ul,
#navigation-menu ul li.iehover ul,
#navigation-menu ul ul li.iehover ul { display: block; }
.button {
height: 52px;
display: block;
background: url(images/navi.gif) 0 0;
}
.button2 {
height: 52px;
display: block;
background: url(images/navi2.gif) 0 0;
}
#button1 {
width: 121px;
background-position: 0 0;
}
#button1:hover {
background-position: 0 -52px;
}
#button2 {
width: 77px;
background-position: -121px 0;
}
#button2:hover {
background-position: -121px -52px;
}
#button3 {
width: 110px;
background-position: -198px 0;
}
#button3:hover {
background-position: -198px -52px;
}
#button4 {
width: 89px;
background-position: -308px 0;
}
#button4:hover {
background-position: -308px -52px;
}
#button5 {
width: 85px;
background-position: -397px 0;
}
#button5:hover {
background-position: -397px -52px;
}
#button6 {
width: 107px;
background-position: -482px 0;
}
#button6:hover {
background-position: -482px -52px;
}
#navi-left {
width: 45px;
height: 52px;
background: url(images/nav_left.gif) no-repeat;
}
#navi-middle {
width: 185px;
height: 52px;
background: url(images/nav_mid.gif) no-repeat;
}
#navi-head {
width: 78px;
height: 13px;
background: url(images/nav_login_head.gif) no-repeat;
}
#login {
width: 78px;
height: 39px;
background-position: 0 0;
background: url(images/nav_login.gif);
}
#login:hover {
background-position: 0 -39px;
}
#logout {
width: 263px;
height: 88px;
line-height:18px;
background: url(images/nav_logout.gif);
}
#logout-feld a {
color: #375368;
text-decoration: none;
}
#logout-feld a:hover {
color:#FFFFFF;
font-weight:none;
text-decoration: underline;
}
#navi-right {
width: 45px;
height: 52px;
background: url(images/nav_right.gif) no-repeat;
}
#navi-right2 {
width: 45px;
height: 88px;
background: url(images/nav_right2.gif) no-repeat;
}
/* NAVIGATION */
/* CONTENT HAUPT */
div#content {
width:942px;
background: url(images/content.gif)
}
div#content2 {
width:942px;
background: url(images/content2.gif)
}
/* HMENU */
div#hmenu {
width:942px;
height:5px;
background: url(images/hmenu.gif)
}
div#hmenu2 {
width:942px;
height:5px;
background: url(images/hmenu2.gif)
}
/* index normal */
div#content-cont {
width:580px;
margin-left:56px;
text-align:left;
}
div#trenn-header {
width:591px;
height:13px;
margin-left:-11px;
background:url(images/trenn_header.gif)
}
div#trenn-footer {
width:591px;
height:15px;
margin-left:-11px;
background:url(images/trenn_footer.gif)
}
div#trenn-comp-header {
width:852px;
height:13px;
margin-left:-11px;
background:url(images/trenn_comp_header.gif)
}
div#trenn-comp-footer {
width:852px;
height:15px;
margin-left:-11px;
background:url(images/trenn_comp_footer.gif)
}
/* index volle breite */
div#content-cont2 {
width:830px;
margin-left:56px;
text-align:left;
}
div#content-foo {
width:942px;
height:19px;
background:url(images/cont_footer.gif)
}
div#content-foo2 {
width:942px;
height:19px;
background:url(images/cont_footer2.gif)
}
/* CONTENT HAUPT */
/* CONTENT Rechts BOX */
div#box {
width:231px;
margin-left:4px;
text-align:left;
}
div#boxbg {
width:250px;
margin-left:11px;
background:url(images/box_content.gif)
}
div#box-cont {
width:225px;
line-height:15px;
}
div#box-cont2 {
width:223px;
line-height:15px;
margin-left:5px;
}
div#box-header {
width:250px;
height:13px;
margin-left:-11px;
background:url(images/box_header.gif)
}
div#box-footer {
width:250px;
height:15px;
margin-left:-11px;
background:url(images/box_footer.gif)
}
/* CONTENT Rechts */
/* FOOTER */
div#footerbg {
background-color: #FFFFFF;
background-image: url(images/footer.gif);
background-position: top;
background-repeat: repeat-x;;
}
#footer {
height:60px;
width:942px;
margin: 0 auto;
}
div#footer-nav {
padding-top:12px;
margin-left:56px;
}
div#footer-icons {
float:left;
width:70px;
padding-top:11px;
margin-left:61px;
}
div#footer-besch {
width:760px;
padding-top:5px;
float:left;
}
/* FOOTER */
/* Community Features */
#status {
height: 190px;
width: 261px;
color:#000000;
margin-left:18px;
background-image:url(../../images/comm/comm_status.png)
}
#status a {
color:#000000;
line-height:normal;
}
#status a:hover {
text-decoration:underline;
}
#preisliste {
height: 190px;
width: 261px;
color:#000000;
font-weight:normal;
text-align:left;
margin-right:18px;
background-image:url(../../images/comm/comm_preisliste.png)
}
#preisliste:hover {
text-decoration:none;
background-image:url(../../images/comm/comm_preisliste2.png)
}
#charaktere {
height: 190px;
width: 261px;
color:#000000;
font-weight:normal;
text-align:left;
margin-left:18px;
background-image:url(../../images/comm/comm_charaktere.png)
}
#charaktere:hover {
text-decoration:none;
background-image:url(../../images/comm/comm_charaktere2.png)
}
#downloads {
height: 190px;
width: 261px;
color:#000000;
font-weight:normal;
text-align:left;
margin-left:18px;
background-image:url(../../images/comm/comm_downloads.png)
}
#downloads:hover {
text-decoration:none;
background-image:url(../../images/comm/comm_downloads2.png)
}
#statistik {
height: 190px;
width: 261px;
color:#000000;
margin-right:18px;
background-image:url(../../images/comm/comm_statistik.png)
}
#statistik a {
color:#000000;
line-height:normal;
}
#statistik a:hover {
text-decoration:underline;
}
#vote {
height: 31px;
width: 88px;
margin-top:-12px;
margin-right:46px;
float:right;
background:url(images/vote.gif)
}
#vote:hover {
background-image:url(images/vote2.gif)
}
#vote2 {
height: 31px;
width: 88px;
margin-top:-12px;
margin-right:4px;
float:right;
background:url(http://uostuff.de/uostuff/index.php?topliste-bild-21)
}
/* Media */
#media {
width: 384px;
}
#media-screenshots {
height: 37px;
width: 355px;
margin-left:15px;
background:url(../../images/media/media_screen.png)
}
#media-gumps {
height: 37px;
width: 355px;
margin-right:15px;
background:url(../../images/media/media_gump.png)
}
#media-allgemein {
height: 37px;
width: 355px;
margin-left:15px;
margin-top:282px;
background:url(../../images/media/media_allgemein.png)
}
#media-events {
height: 37px;
width: 355px;
margin-right:15px;
margin-top:282px;
background:url(../../images/media/media_events.png)
}
/* Spiel - Race */
.race-frame, .race-over { display: inline-block; overflow: hidden; background: 50% 50% no-repeat; font-size: 1px; }
.race-frame, .race-over { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.race-frame { background-color: #d4d4d4; padding: 1px; border-left: 1px solid #3a2912; border-right: 1px solid #59411c; border-bottom: 1px solid #463419; border-top: 1px solid #574320; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.race-frame img { display: block; vertical-align: bottom; }
a:hover .race-frame, .hover .race-frame { background-color: #444; border-color: #666; }
/* Forum Threads box */
#forum-thread {
height: 160px;
width: 221px;
color:#000000;
text-align:left;
background-image:url(../../images/comm/boxforumthread.png)
}
#forum-thread:hover {
text-decoration:none;
background-image:url(../../images/comm/boxforumthreado.png)
}
/* Sonstiges */
.codeh { border: solid 1px black; background-color: #441606; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 3px; }
.code { border: solid 1px black; background-color: #d4d4d4; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 10px; }
.char_table { border-collapse:collapse; }
.char_table td { border-bottom:0px solid #322f1e; border-top:0px solid #322f1e; }
.char_eintrag { cursor:pointer; cursor:hand; }
.char_eintrag:hover { color:#FFF; background-color:#d4d4d4; cursor:pointerauto; cursor:hand; border:1px solid black; border-collapse:collapse; }
/* norm */
h1 { font:12px Arial, Helvetica, sans-serif; color: #FFFFFF; margin:0; text-transform:uppercase; }
h2 { font:13px Arial, Helvetica, sans-serif; color: #5d1b03; margin:0; text-transform:uppercase; font-weight:bold; }
h3 { font:13px Arial, Helvetica, sans-serif; color: #212c31; margin:0; text-transform:uppercase; }
.Chead { background: url(images/hunderline.png); height: 23px; width: 502px; color: #000000; }
.Chead a { color: #000000; text-decoration: none; }
.Cnorm { background-color: #FFFFFF; }
.Cmite { background-color: #D7D7EB; }
.Cdark { background-color: #73715a; color: #FFFFFF; }
.Cdark a { color: #FFFFFF; text-decoration: none; }
.smalfont { font: 10px Arial, Helvetica, sans-serif; color: #666666; }
.border { border: solid #000000 1px; }
Fangen wir erstmal langsam an
Frage wieso zeigt er mir im IE bzw der Vorschau das hmenu2 in height 14px ansatt wie angegeben 5px? :/ was ist falsch?
Vorschau
Wäre nett wenn sich mal wer zeit nehmen könnte und mir hilft
Zuletzt modifiziert von Siggi am 25.02.2013 - 10:46:53
Zitat geschrieben von holz