Z
Zimbo95
Guest
Hei,
Schon wieder habe ich das gleiche problem doch diesmal in einer aderen Form.
In der Live View wird alles richtig angezeigt doch im Browser (Firefox, IE ect.) wird nichts angezeigt. Ich hoffe ich könnt mir weiterhelfen. Den Code schicke ich gleich mit
css stile
Schon wieder habe ich das gleiche problem doch diesmal in einer aderen Form.
In der Live View wird alles richtig angezeigt doch im Browser (Firefox, IE ect.) wird nichts angezeigt. Ich hoffe ich könnt mir weiterhelfen. Den Code schicke ich gleich mit
Code:
<!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>
<link rel="stylesheet" type="text/css" href="/css/styles.css" />
<link href="/css/menucss.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="menu">
<ul>
<li><a href="#">Home</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Mitglieder</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Statistiken</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Forum</a>
<ul>
</ul>
</li>
<li><a href="#">Über uns</a>
<ul>
</ul>
</li>
</ul>
</div>
<p> </p>
<p> </p>
<div id="container">
<div id="rotator"><!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 800px; height: 281px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-76-101-111-110-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47'}" data-ername="home" data-erTID="{fvzwdvaay65248659204431}">
<div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
<li>
<img class="main" src="Images/Soldaten/bewerbung.png" alt="Ihr seit auf den Geschmack gekommen?" /> <img class="thumb" src="Images/Soldaten/bewerbung.png" /> <span class="title">Ihr seit auf den Geschmack gekommen?</span> <span class="desc">Dann nichts wie her mit eurer Bewerbung. Klickt auf das Bild um die Aufnnahme Kriterien zu sehen. </span>
</li>
<li>
<img class="main" src="Images/Soldaten/statistiken.png" alt="Statistiken" /> <img class="thumb" src="Images/Soldaten/statistiken.png" /> <span class="title">Statistiken</span> <span class="desc">Wie stehen unsere Mitglieder im einzelnen. Jeder einzele Informationen findet ihr hier!</span>
</li>
<li>
<img class="main" src="Images/Soldaten/video.png" alt="Neues Video!" /> <img class="thumb" src="Images/Soldaten/video.png" /> <span class="title">Neues Video!</span> <span class="desc">Unser Webmaster und Produzent KinqBANG (PanikPilot) hat ein neues Video über uns reingestellt. Wir hoffen es gefällt euch!</span>
</li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style=""> <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{___numTiles:3, scaleMode:'fillArea', duration:800, imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top:0;bottom:0;"></div>
<div class="" style="position: absolute; left:0; right:0; bottom: 20px; padding: 7px 200px 7px 20px; background: #000; background:rgba(0,0,0,0.9); color: #FFF; font-family: Georgia, 'Times New Roman', Times, _serif; text-align: left;">
<p class="erimgMain_title" style="padding: 0; margin: 0 0 3px 0; font-weight: bold; font-size: 22px;"></p>
<p class="erimgMain_desc" style="padding: 0; margin: 0; font: 12px/16px Arial,_sans;"></p>
</div>
</div>
</div>
<!-- <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;"></div> -->
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; right:6px; bottom:30px; width:200px;" data-erConfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" align="left"> <!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: default; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.png) top left no-repeat;">
</span>
<span class="erdots_btn_normal" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_35.png) top left no-repeat;">
</span>
<span class="erdots_btn_hover" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.png) top left no-repeat;">
</span>
</div>
</div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Need a powerful <a style="color:#FFF;" href="http://www.dwuser.com/flashslideshow/" target="_blank">Flash slideshow</a> creator with built-in iPhone/iPad/Android support? EasyRotator is supported by the <a style="color:#FFF;" href="http://www.dwuser.com/flashslideshow/" target="_blank">XML Flash Slideshow v4 Software</a>. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div id="DLC">
<div id="boxentext">
DLC Information
</div>
</div>
<div id="Clanwars">
<div id="Clanwarstext">Clanwars</div>
</div>
<div id="Videos">
<div id="videostext">
Videos
</div>
</div>
<p><br />
</p>
<div class="menu">
<p> </p>
<p> </p>
<p> </p>
<iframe width="853" height="480" src="http://www.youtube.com/embed/oylwVGiNmM8" frameborder="0" allowfullscreen></iframe>
</body>
</html>
Code:
@charset "utf-8";
body {
background-attachment: scroll;
background-image: url(/Images/bg/bhhomepage0.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#container {
width: 880px;
margin-right: auto;
margin-left: auto;
}
#rotator {
height: 281px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#DLC {
height: 100px;
width: 275px;
background-image: url(/Images/Soldaten/Unbenannt-2.png);
margin-top: 20px;
font-family: Autumn;
font-size: 12px;
color: #FFF;
clear: left;
float: left;
}
#Clanwars {
height: 100px;
width: 275px;
float: left;
margin-top: 20px;
margin-left: 20px;
background-image: url(/Images/Soldaten/Unbenannt-3.png);
}
#Clanwars:hover {
background-image: url(/Images/Soldaten/Unbenannt-3.1.png);
}
#DLC:hover {
background-image: url(/Images/Soldaten/Unbenannt-2.1.png);
}
#DLC #boxentext {
font-family: "Arial Rounded MT Bold";
font-size: 24px;
margin: 32px;
position: absolute;
}
#Clanwarstext {
margin-top: 32px;
position: absolute;
color: #FFF;
margin-right: auto;
margin-left: 90px;
font-family: "Arial Rounded MT Bold";
font-size: 24px;
}
#Videos {
float: left;
width: 275px;
margin-top: 20px;
margin-left: 20px;
background-image: url(/Images/Soldaten/Unbenannt-4.png);
height: 100px;
}
#videostext {
position: absolute;
font-family: "Arial Rounded MT Bold";
font-size: 24px;
color: #FFF;
margin-top: 32px;
margin-left: 95px;
}
#Videos:hover {
background-image: url(/Images/Soldaten/Unbenannt-4.1.png);
}
