Scrollbar im Layer

Status
Nicht offen für weitere Antworten.

Avariel

Erfahrenes Mitglied
Hallo zusammen,

ich muss in einen Layer einen Scrollbar einbauen, damit ich da mein Newsscript reinkriege. Das hier ist mein Quelltext dazu (Nicht erschrecken, mit Layern war ich nicht so schüchtern :p ):
PHP:
 <body background="pics/bg4.jpg" onLoad="MM_preloadImages('pics/Home_blue.gif','pics/Members_blue.gif','pics/Forum_blue.gif','pics/Intern_blue.gif')" scroll=no>
<img src="pics/dates.gif" width="113" height="86"> 
<div id="Layer1" style="position:absolute; width:5000px; height:410px; z-index:100; left: -6px; top: 157px; background-color: #CCCCCC; layer-background-color: #CCCCCC;"></div>
<div id="Layer2" style="position:absolute; width:175px; height:5000px; z-index:1; left: 129px; top: 1px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;"></div>
<div id="Layer3" style="position:absolute; width:700px; height:30px; z-index:3; left: 297px; top: 569px;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td><div align="center"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','pics/Home_blue.gif',1)"><img src="pics/Home.gif" name="Home" width="57" height="14" border="0"></a></div></td>
      <td><div align="center"><a href="members.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Members','','pics/Members_blue.gif',1)"><img src="pics/Members.gif" name="Members" width="57" height="14" border="0"></a></div></td>
      <td><div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','pics/Forum_blue.gif',1)"><img src="pics/Forum.gif" name="Forum" width="57" height="14" border="0"></a></div></td>
      <td><div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Intern','','pics/Intern_blue.gif',1)"><img src="pics/Intern.gif" name="Intern" width="57" height="14" border="0"></a></div></td>
      <td><div align="center"></div></td>
    </tr>
  </table>
</div>
<div id="Layer4" style="position:absolute; width:278px; height:27px; z-index:4; left: 556px; top: 143px;"><img src="pics/copyright_blue.gif" width="255" height="14"></div>
<div id="Layer5" style="position:absolute; width:55px; height:55px; z-index:2; left: 177px; top: 34px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer6" style="position:absolute; width:55px; height:55px; z-index:3; left: 177px; top: 138px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer7" style="position:absolute; width:55px; height:55px; z-index:4; left: 177px; top: 553px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer8" style="position:absolute; width:55px; height:55px; z-index:5; left: 177px; top: 663px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer9" style="position:absolute; width:55px; height:55px; z-index:6; left: 177px; top: 781px; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer10" style="position:absolute; width:302px; height:411px; z-index:101; left: 118px; top: 158px;"><img src="pics/1.jpg" width="300" height="406"></div>
<div id="Layer11" style="position:absolute; width:88px; height:393px; z-index:102; left: 5px; top: 164px; background-image: url(pics/banner_blue.jpg); layer-background-image: url(pics/banner.jpg); border: 1px none #000000;"></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="Layer12" style="position:absolute; width:665px; height:40px; z-index:103; left: 305px; top: 43px"><img src="pics/mess_blue.gif" width="624" height="32"></div>
<div id="News" style="position:absolute; width:564px; height:369px; z-index:104; left: 423px; top: 178px;" style="border: 1px solid black;">
<div style="width: 100%; height: 100%; overflow : auto;">
<?PHP include("./pninc/news.inc.php"); ?></div>
</div>
</body>
Falls ihr euch das Ergebnis anschauen wollt: www.wge-clan.de

Das Problem dabei: Der rote Code (für den Scrollbar) funktioniert irgendwie nicht. Könnt ich ja akzeptieren, normalerweise ist er ja auch für Tabellen - aber am Anfang hats komischerweise geklappt! Dann hab ich wieder auf Index.php geklickt und dann gings nicht mehr :(
 
mozilla 1.1: geht wunderbar :rolleyes:
ie6: geht nicht...
ich würde sagen es liegt an den angaben für höhe und breite...
die müssen fix sein und nicht einfach mit 100% auf volle größe aufgeblasen werden...
 
Danke dir :)

Noch ne kurze Frage:

Wie krieg ichs hin, dass ich mit CSS den entstandenen Scrollbar verändere?

Den CSS-Code weis ich schon, aber wo binde ich das dann ein?

Ich mein das da:
PHP:
 A:link {
color : #000000;
text-decoration: underline; }

A:visited {
color : #000000;
text-decoration: underline; }

A:hover {
color : #000000;
text-decoration: none; }

A:active {
color : #000000;
text-decoration: underline; }
 
Ähhhh f*ck, das kommt davon wenn man bei copy&paste nicht so genau hinschaut :-)
Ich mein natürlich das da:
PHP:
 <style>
body{ SCROLLBAR-FACE-COLOR: #333333; 
SCROLLBAR-HIGHLIGHT-COLOR: #333333; 
SCROLLBAR-SHADOW-COLOR: #808080; 
SCROLLBAR-3DLIGHT-COLOR: #808080; 
SCROLLBAR-ARROW-COLOR: #FB5200; 
SCROLLBAR-TRACK-COLOR: #000000; 
SCROLLBAR-DARKSHADOW-COLOR: #333333;
}
</style>

Jetzt ist mir auch klar warum das vorher nicht funktioniert hat... *sich selber patsch*

Naja danke jedenfalls :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück