stefan: Layergröße variable? scrollen auch mit opera?

Beitrag lesen

hi Wuppi,

"Das ist ja ein ganzer Mund voll fragen"
(Troy MacLure ~ Schauspieler)
<img src="http://www.simpsonslibrary.com/troy.jpg" border=0 alt="">

nachdem ich von meinem Tabellendesign dank Opera weg bin, hab ichs mit CSS probiert. Wow, klappte sogar ganz gut ... aber ne kleinigkeit stimmt noch net:

http://www.platzeck.net/TEMP/statequarters/ - und dann "Die Münzen"

also bei mir (netscape 7 - windows 2000) verändert sich garnix.

Wie man sieht hab ich hier auf der rechten seite nen grauen layer gesetzt. Hab den mit breite und höhe von je etwa 85% gewählt (wollte das möglichst ausfüllend - andere möglichkeit net gefunden; siehe auch unten). Soweit ich mich im Bildschirm aufhalte, klappt das auch, aber wenn der inhalt länger ist (siehe "Die Münze"), bekomm ich es nicht hin das Opera das grau automatisch vergrößert. Der IE macht das; jetzt hab ich in selfhtml;) das overflow attribut gefunden ... habs auf auto gesetzt, im ie jetzt nen rechten scrollbalken - sieht net so schlimm aus (DEN scrollbalken kann man auch via css einfärben? oder nur den ganz rechten?), aber bei Opera wird einfach nach ende des grauen abgeschnitten. Wie kann ich das umgehen?

opera kann zuzeit noch kein overflow, ärgerlich, aber wahr. was du machen kannst ist folgendes:

  1. das scrollen weglassen

  2. nen iframe benutzen

  3. den layer ohne rahmen und hintergrundfarbe darstellen, dann können Nescape 6, IE 5 und konsorten das overflow:auto darstellen, und beim opera fällts nicht auf, dass die schrift über den rand hinausschiesst. hab ich aber noch nicht ausprobiert.
    du könntest sogar noch weiter gehen:
    ich schreib mal ein bisschen code:

<div id="layer1" style="...rahmen und hintergrund...,padding:0px;width:200px;height:auto">  
<div id="layer2" style="border:none;background:none;width:200px;height:150px;overflow:auto">  
  
...ganz viel inhalt...  
  
</div>  
</div>  

zur erklärung: layer2 ist dein eigentlicher layer: er wird bei NS und IE mit einer höhe von 150px und (falls nötig) mit rollbalken dargestellt. bei Opera sieht man ihn garnicht, der text schiesst über den rand hinaus (siehe oben).
layer1 ist dein "Schmuck-layer", er gibt dem ganzen bei bedarf eine hintergrundfarbe (oder ein bild) und einen rahmen. bei NS und IE legt er sich direkt um layer2, so dass es so aussieht als wäre sein rahmen der von layer2. beim Opera "dehnt" sich layer1 aus, da er keine fenste höhenangabe hat. somit hat die konstrution auch in Opera (bei bedarf) hintergrund und rahmen. aber, wie gesagt: ist noch nicht getestet, war nur so ne idee, experimentier mal mit rum (und meld dich falls es klappt :)

  1. hier http://forum.de.selfhtml.org/archiv/2002/5/12990/#m72401 gibts 'ne möglichkeit Opera völlig vom CSS auszuschliessen. ich hab damit in verbindung mit mehreren Stylesheets rumexperimentiert und resigniert aufgegeben. fazit: nicht sehr empfehlenswert (find ich :).

  2. auf den neuen Opera warten ;)

Dann noch ne Frage:
Geht das irgendwie das ich nen Layer 20px vom linken rand setze, 20px vom rechten rand ... widht fällt daher also weg ... habs so probiert, mit dem erfolg nen winzigen layer gehabt zu haben ;).
Gleiches auch in der höhe ... immer 20px von oben und 20px von unten ...

die breite geht einfach mit <body style="margin:20px;padding:0px">, wobei das padding dafür da ist, dass auch der IE es rafft. für die höhe wüsst ich jetzt nix, ich glaub' du willst doch eher nen iframe, oder ;)

erzähl was (nicht) geklappt hat,
tschÖ
*stefan