Höhe begrenzen und Scrollbar

[haddi]

Hallo,

ich hab mich entschlossen jetzt doch meine neue homepage zu machen ;)
jetzt habe ich ein problem mit der "texthöhenbegrenzung".
siehe: Kevin Hartmann Tutorials Referate Videos Downloads Fun Kaufbeuren

wie kann ich das per css lösen?
wie kann ich festlegen, dass div id="content" nur sagen wir maximal 640 x 480 pixel hat? (habe es schon mit width und height probiert, aber hat nicht geklappt )

ich hab auch schon hier die Suche benutzt aber nicht relevantes gefunden. ich hab irgendwas mit style="overflow: auto" usw gelesen und ausprobiert, aber es klappt nicht.


freue mich auf eure antworten

 

[Tuturios]

Also so wie ich das sehe, spielt mal wieder overflow:auto verückt. Das kann auch daran liegen, dass du das ; vergessen hast oder dass du das overflow:auto in einer seperaten CSS-Datei angeben musst. Sind blöde Fehler manchmal.

Ich selbst hatte das Problem auch schon, weiß aber nur noch die beiden Lösungen :(

 

[haddi]

hab es jetzt "hinbekommen".
Kevin Hartmann Tutorials Referate Videos Downloads Fun Kaufbeuren

schaut euch das mal im IE und im FF an.
im firefox passen die scrollbalken einigermaßen, aber sie bleiben "grau" von der farbe her.
im internet explorer stimmt das mit den scrollbalken nicht, aber die farben stimmen? ;ugl

zudem muss man im FF seitlich scrollen, das finde ich total *******. wie bekomme ich das weg? hab schon max-width und height gespielt, aber geht nicht.
muss ich da jetzt ein extra "div" anlegen, in der der text enthalten ist und der dann sagen, du darfst maximal z.b. 550px groß sein?

meine css:

body { 
  background-color : #FFFFFF; 
  font-family : Tahoma, sans-serif; 
  font-size : 14px; 

  scrollbar-face-color:#16743c;
  scrollbar-highlight-color: #16743c;
  scrollbar-3dlight-color: #16743c;
  scrollbar-darkshadow-color: #16743c;
  scrollbar-shadow-color: #16743c;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #1da453;
} 

#content {
  float:left;
  margin:30px;
  position:absolute;
  max-height:585px;
  max-width:660px;
  overflow:scroll;
}

ich hoffe ich konnte einigermaßen verständlich schreiben ;-)

 

[Tuturios]

Das seitlich Scrollen war bei mir auch immer ein Problem, ich habe das glaube ich so gelöst:

overflow-y:scroll;x:hidden;

oder so:

overflow-y:scroll;overflow-x:hidden;

 

[Maxi]

versuchs mal mit overflow auto.

 

[haddi]

habe jetzt folgende werte benutzt und geht einwandfrei, auch im IE.

#content {
  float:left;
  margin:30px;
  position:absolute;
  max-height:585px;
  width:630px;
  height:585px;
  max-width:640px;
  overflow-y:scroll;overflow-x:hidden;
}

aber die farben gehen im firefox immernoch nicht :?:

 

[Tuturios]

Farbige Scrollbars sind im FireFox gar nicht möglich.

 

[haddi]

schade :???:

danke für deine hilfe!!