|
|||
css - scrollbarer Bereich?
Tach wollte folgendes erreichen:
Eine feste Navigation und eine Box in der der Text der drinsteht scrollbar ist. Nur der Text in der Box soll scrollbar sein sonst nichts. Bin recht neu in CSS hier ist mein Code (PS: box ist die Box die scrollbar sein soll) Mein Versuch: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Titel der Datei</title> <style type="text/css"> <!-- /* ... CSS-Code beginnt hier*/ #navcontainer ul { padding-top: 0; padding-left: 0; margin-left: 0; background-color: #036; color: White; float: left; width: 80%; font-family: arial, helvetica, sans-serif; } #navcontainer ul li { display: inline;} #navcontainer ul li a { padding: 0.2em 1em; background-color: #036; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; } #navcontainer ul li a:hover { background-color: #369; color: #fff; } #inhalt_hdline { padding: 0.1em 30em; background-color: #036; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; } #box{ position: absolute; top:200px; left:5px; width: 259px; height: 140px; background-color:#ffffff; overflow: auto; background-color: #036; } --> </style> </head> <body> <div id="navcontainer"> <ul id="navlist"> <li id="active"> <big><big><span style="font-weight: bold;"> <span style="font-family: Courier New,Courier,monospace;"><span style="font-family: Ethnocentric;">SKYSWORLD.DE.VU</span> </span></span><span style="font-family: Courier New,Courier,monospace;"><span style="font-family: Courier;"> <span style="font-family: Fake Receipt;">Schlangen & Terraristik</span></span></span><span style="font-family: Courier New,Courier,monospace;"></span><span style="font-weight: bold;"><span style="font-family: Courier New,Courier,monospace;"> </span></span></big></big>[/list] <ul id="navlist"> <li id="active">Home[*]Anatomie[*]Artenbeschreibung[*]Terraristik[*]Literatur/Dokumente[*]Links[/list]</div> <div id="inhalt_hdline"><span style="font-family: Ethnocentric;font-weight: bold;"> LINKS</span> </div> <div id="box"> Haltung und Pflege von Teppichpythons Beschreibung Dies ist ein mittelgrosser Python mit einem dreieckigen Kopf, der sich eindeutig vom Körper absetzt. Die Grundfarbe des Teppichpythons reicht von olivgrün, bräunlich bis gelb, die von 60-70 Ringen um den Körper ergänzt werden. Diese Ringe sind meist schwarz, oder schwarz umrandet, können jedoch vereinzelt auch im Innenbereich grün, orange bis rötlich sein. (Irian Jaya Teppichpython). Die Muster der Ringe sind meistens unregelmäßig, und gehen ineinander über, oder sind unterbrochen, wodurch große Flecken entstehen. Durch eine Fusion der Ringe kann es in seltenen Fällen auch zu den bei vielen Terrarianern begehrten Längsstreifen kommen. Der Bauch ist hell und meistens mit schwarzen Flecken besät, die durch schwarze oder dunkle Schuppen entstehen. Die Oberseite des Kopfes ist beim Teppichpython gleichmäßig gezeichnet. Bei älteren Tieren kann die Zeichnung auf dem Kopf verloren gehen. Die Kehle und das Kinn sind einfarbig... </div> </body> </html> danke schonmal für die Mühe gruß Timo |
Sponsored Links |
|
||||
Suchfunktion?
Zudem solltest Du Deinen Code mal aufräumen ... was sollen diese <span>-Gebilde darstellen, noch dazu in Schriften, die keiner hat?
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
||||
Automatischer Download? Wär ja noch schöner. Nein, wenn man Deine Schrift nicht hat, dann sieht man es auch nicht. Du solltest Dich auch Schriften beschränken, die so ziemlich jeder hat ...
Kleine Auswahl: Arial Helvetica Verdana Trebuchet MS Courier Georgia
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Zitat:
Zitat:
Gruß Thomas
__________________
toscho.de |
|
||||
Man kann nicht irgendeinen Font nehmen, den kein Mensch installiert hat. Was für einen Sinn hätte das?
Klar sieht man dann die Standardschrift - was ich sagen wollte, ist das man "seinen" Font nicht sieht.
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Zitat:
Bei grösseren Texten ist sowas allerdings nicht zu empfehlen! Mfg Niko
__________________
If there was a day I could live, if there was a single breath I could take I\'d trade all the others away. |
|
||||
Zitat:
@Niko: Wenn ich »unbedingt« eine bestimmte Schrift haben will, dann ist das Dokument nicht für die Öffentlichkeit geeignet, zumindest nicht für das Web. Grafiken lassen sich in vielen Browsern nicht skalieren und sind daher ein schlechter Textersatz. Gruß Thomas
__________________
toscho.de |
|
||||
Nun, ich spreche ja nicht von Schriften, die nur "manche" haben, sondern solche, die eigentlich keiner hat (außer der Ersteller der Webseite).
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
||||
Also ich habe immerhin die »Ethnocentric«. Wenn ich mir überlege, daß mir die im Web tatsächlich mal jemand andrehen könnte, komme ich allerdings stark in Versuchung, sie schnellstens zu entfernen … grauenhaft. :)
Gruß Thomas
__________________
toscho.de |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Android Browser: leerer, scrollbarer Bereich unter Dokument | schach | (X)HTML | 2 | 09.09.2015 18:44 |
Scrollbarer, in der größe beschränkter Bereich in der Seitenmitte | DerStefan | CSS | 1 | 20.01.2011 21:52 |
Inspiration - Sammlung von Links | emti | Ressourcen | 8 | 01.12.2009 18:02 |
Ich hasse CSS... | neu-art.de | Offtopic | 24 | 30.08.2008 13:11 |
print css (nur bestimmten Bereich anzeigen) | freddy | CSS | 4 | 16.03.2004 16:38 |