vertikaler scrollbalken nicht erwünscht

Status
Nicht offen für weitere Antworten.

buddha

Erfahrenes Mitglied
Hi,
Bei dem Layout habe ich einen vertikalen scrollbalken der in diesem Fall nicht erwünscht ist.Im FF passt alles im IE sieht man den Scrollbalken.
Danke
Code:
body {background-color: #000066;}
#content {width: 770px;height:520px; background-color: #FFFFFF; margin: auto; overflow:auto ;margin-top: 50px;}
.tanteju {margin: 25px 25px; width:140px; height:80px; position:relative;}
.navileiste {margin-top: 110px;width:700px;position: relative;margin-left: 35px;}
.marquee {margin: -100px 180px; width:500px; height:70px; position:relative;}
.header {background-image: url(../images/header.gif);position: absolute; width:770px;}
.left { background-image:url(../images/left.gif); position:absolute;}
.footer { background-image:url(../images/footer.gif);position: absolute;width: 770px; margin-top:510px;}
.right {background-image:url(../images/right.gif);position:absolute;height:520px;width: 10px; margin-left:760px;}
.p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  margin-left: 175px; padding: 0 30px ; margin-top: 180px; color: #013998;}
.pfirst { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #990000; font-size:11px; font-style: oblique;}
.psecond {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;color:#013998;	font-size:11px;	font-style:oblique;left: 285px;position: relative;	text-align: right;}
.termdate { color: #FF0000; font-weight: bold; margin-left:-14px;}
.termmonth { color: #013998; font-weight: bold; font-size: 14px;}
.Stil1 {color: #FF0000;	font-weight: bold;}
.Stil3 {color: #013998;	right: 50px;}
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"> <img class="header" src="http://www.tutorials.de/forum/images/header.gif" alt="header"/> <img class="left" src="http://www.tutorials.de/forum/images/left.gif" alt="left" /> <img class="footer" src="http://www.tutorials.de/forum/images/footer.gif" alt="footer" /> <img class="right" src="http://www.tutorials.de/forum/images/right.gif" alt="right" /> <img class="tanteju" src="http://www.tutorials.de/forum/images/tanteju.jpg" alt="tanteju" />
  <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','70','src','marquee/tanteju1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','marquee/tanteju1' ); //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="70">
      <param name="movie" value="marquee/tanteju1.swf" />
      <param name="quality" value="high" />
    </object>
    </noscript>
  </div>
  <img class="navileiste" src="http://www.tutorials.de/forum/images/navi_test.jpg" alt="navigation" />

</div>
<!-- end content -->
</body>
</html>
 
Hi,

wenn der Scrollbalken im Browserfenster unerwünscht ist, da der Inhalt im DIV #content gescrollt wird:

Code:
html,body { overflow:hidden; }
 
Hi,
Ja das ist klar mit Overflow-hidden, mir ist noch nicht ganz klar wieso diese nur im IE zu sehen ist und im FF nicht.
Gruß

PS.: Problem anders gelöst mit overflow-x:hidden; overflow-y:auto;
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.
Zurück