Hallo
Das mit dem nach-rechts-verrücken tritt nur auf, wenn man <pre width="100"> verwendet.
Dann verwende es nicht.
Mit CSS funktioniert es, ABER nur wenn man eine Pixel-Zahl angibt.
Ich habe die Breitenangabe mit "em" vorgenommen und es funktioniert.
Wie kann man nun eine %-Angabe machen?
Indem man für pre { width:70%; }
angibt. Allerdings muss dem Browser auch die Bezugsbreite bekannt sein. Das oder die Elternelement(e) müssen also auch eine breite haben, von der aus die 70% berechnet werden können.
Welches das in deinem Fall ist, weißt nur du allein. Der Code aus dem Eröffnungsposting hat jedenfalls keine Breitenangabe.
<div style="[code lang=css]overflow: scroll; margin: 5px;
">
<pre>Langer Text</pre>
</div>[/code]
Tschö, Auge