Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Problem mit overflow





Frage

Hi, schon wieder ein Problem: bei meiner Seite ist die Höhe vom <Menue> und vom <Inhalt> fest vorgegeben. Nun habe ich aber eine Seite, in der extrem viel Text steht, so dass der Text über die Länge hinausgeht. Um die Benutzerfreundlichkeit zu erhöhen möchte ich den <Inhalt> mit einer Scrollleiste versehen, also mit overflow:auto; Im IE funktioniert es auch, doch im Opera und MF rutscht dann der Text im Inhalt nach links bzw. nach rechts. Woran liegt denn das nun (ein Problem jagt das nächste) ;-(

Antwort 1 von derpfleger

Du hast ja immer wieder interessante Probleme :-)
Im Ernst, von diesen verflixten Ungereimtheiten lernt man ne Menge (und vor allem, solange rfb noch online ist :-) ).
Ich sitze hier schon wieder und komme ins Grübeln...
...noch ohne Erfolg, aber vielleicht wirds noch was....

Aber ich muß anerkennen, daß du mit deiner Code-Fummelei schon weit gekommen bist, es ist zumindest sehr schön, wie gut strukturiert dein Quellcode jetzt ist, da macht es Laune, sich durchzubeissen.

Viel Erfolg, melde dich, wenn du es selbst herausgefunden hast.

Gruß derpfleger

Antwort 2 von derpfleger

#menue {
        margin-top:0;
        margin-left:3px;
        padding-top:5px;
        padding-left:5px;
        margin-right:10px;
        float:left;
        width:260px;
        height:830px;
        color:silver;
        background-color:#000040;
        }

#inhalt {
         margin-top:0;
         height:834px;
         text-align:center;
         color:#000040;
         background-color:#FFF;
         }


So vielleicht?

Gruß derpfleger

Antwort 3 von rfb


#menue {
        margin-top:0;
        margin-left:3px;
        padding-top:5px;
        padding-left:5px;
        float:left;
        width:260px;
        color:silver;
        background-color:#000040;
         height:834px;
        }

#main {
         height:830px;
width:auto;
 overflow:hidden;

}
#inhalt {width:600px;
         text-align:center;
         color:#000040;
         background-color:#FFF;
         height:830px;
 overflow:auto;
         }

und ein 
<div id="main">
... menu
... inhalt
</div>

um Menü und Inhalt
als ersten Workaround
(solche DIV-Suppen mag ich eigentlich nicht - ich hab aber auch nicht die Zeit weiter zu forschen)

PS: dein Code ist ein bisschen sehr invalide geworden durch den Style-Kram, der noch vor der DOCTYPE eingebunden wird - zumal der Kram noch einmal eingebunden wird mittels @import.
Wird der Unsinn mittels PHP-include an den Dateianfang gestellt oder ist das ein Kopierfehler deinerseits?

Antwort 4 von Petra65

juppiii .... su funktioniert es - aber warum ??????

Ganz schön verschachtelt !!


@rfb:
Zitat:
PS: dein Code ist ein bisschen sehr invalide geworden durch den Style-Kram, der noch vor der DOCTYPE eingebunden wird - zumal der Kram noch einmal eingebunden wird mittels @import.
Wird der Unsinn mittels PHP-include an den Dateianfang gestellt oder ist das ein Kopierfehler deinerseits?


In der Originaldatei wird die css per @import eingebunden - da steht vor dem DOCTYPE gar nichts!!! Ich habe das nur für die Testseite einkopiert, damit fleißige Helferlein das css auch sehen können ;-)

Vielen, vielen Dank für die Hilfe - auf die Idee wäre ich gar nicht gekommen (mit Tabellen hätte ich es aber genau so gemacht, aber die möchte ich ja gerade nicht mehr einsetzen um Seiten zu formatieren)

Gruss
Petra