Vorschau läuft aus dem content

Status
Nicht offen für weitere Antworten.

buddha

Erfahrenes Mitglied
Hi,
Folgendes Problem. In der Vorschau sieht man das die Termine aus dem content laufen. Wenn ich overflow-auto benutz schaut alles prima im FF aus aber im IE läuft es aus dem content raus.
Danke
Code:
body {background-color: #013998;}
#content { width:750px; height:510px; background-color:#FFFFFF; margin: 50px auto; background-image:url(../images/hintergrund1.gif);  background-repeat:repeat-x; overflow:auto;}
.tant { position: absolute; top:140px; width:140px; height:80px; }
.p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  margin-left:130px; padding: 0 34px ; top:-220px; position:relative; text-align:justify; color:#013998;}
.term { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  margin-left:130px; padding: 0 34px ; top:180px; position: relative; text-align:justify; color:#013998;}
.pfirst { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#990000; font-size:11px; font-style:oblique;}
.termdate { color: #FF0000; font-weight:bold;}
.termmonth { color: #013998; font-weight:bold; font-size:14px;}
.psecond { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;color:#013998;font-size:11px;font-style:oblique;	position: absolute;	right: 35px;}
.Stil1 {color: #FF0000;	font-weight: bold;}
.Stil3 {color: #013998;	right: 50px;}
.marquee { width:500px; height:60px;position: absolute;	left: 600px;}
.a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#013998; cursor:auto;}
.a:visited { color:maroon;}
.a:active { font-weight:bold;}
.a:hover { text-decoration:overline underline; }
.footer { width:750px; height:15px; text-align:center; background-image:url(../images/footer.gif); background-repeat:no-repeat;font-size:9px; position: absolute; top:560px; }
HTML:
<!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>Test</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="content">
  <div class="marquee">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','500','height','60','src','marquee/test','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','marquee/test' ); //end AC code
</script>
    <noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="60">
      <param name="movie" value="marquee/test.swf" />
      <param name="quality" value="high" />
      <embed src="marquee/test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="60"></embed>
    </object>
    </noscript>
  </div>
  <div class="tant"><img src="http://www.tutorials.de/forum/images/tant.jpg" alt="tant" /></div>
  <div id="navcontainer">
    <ul id="navlist">
      <li ><a href="index.html" >Start</a></li>
      <li id="active"><a href="#" id="current">Terminal</a></li>
      <li><a href="#">1</a></li>
      </ul>
  </div>
      <br />
    <br />
  </p>
  <div class="footer"></a></div>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Hi,

versuch es mal für die Klasse .term ohne die relative Positionierung, und ersetze die top-Eigenschaft durch margin-top:

Code:
.term { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  margin-left:130px; padding: 0 34px ; margin-top:180px;  text-align:justify; color:#013998;}
 
Hi,
Hat geklappt das hintergrundbild verschwindet jetzt im IE beim scrollen umd mit background attachment fixed gehts nicht bin noch am Basteln.
Gruß
 
Status
Nicht offen für weitere Antworten.
Zurück