html problem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
aktivismus
aktor
bild
boxen
fenster
formen
fram
gedankengang
gel
hintergrundbild
inhalt
mach
opus
recht
tabelle
test
transitional
versuchen
zeitdruck
-
http://www.klick-aktivismus.de/test/index.php
Hallo lima team
ich hab mal wieder ein problem das ich irgendwie nicht gel?st bekomme. bei der seite (siehe link oben) h?tte ich gern das der text im weissen kasten scrolled. Am allerbesten w?re es nat?rlich wenn man den text durch die ganz normale scrollbar ganz links im browser scrollen k?nnte.
hat da jemand eine idee???
bin leider etwas unter zeitdruck - bin um jeden denkansto? gl?cklich...
thx felix -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
mit frames m?chte ich eben nur sehr ungerne arbeiten...
keiner sonst noch ne idee??? -
heavyraptor schrieb:
Hi,
versuch es doch mit frames, dann w?re der Scrollbalken ganz rechts im Fenster. Es ginge auch mit inline-frames (iframes), dann ist jedoch der Scrollbalken nicht ganz rechts.
Mehr weiss ich leider nicht, ich hoffe es hilft weiter.
mfg,
hr
Ich verstehe nicht was ihr alles gegen Frames hebt das ist doch ne supper idee!
-
nein frames sind einfach nicht merh zeitgem??. das solltest du ja als "Professionel" wissen....
-
Hmm, die einzige M?glichkeit die ich da sehe ist eigentlich, dass du es wie folgt machst. Also du positionierst das Hintergrundbild des Textes quasi "unten" (mit z-index am besten). Dann positionierst du dadr?ber einen Layer mit dem Inhalt. der nat?rlich zum oberen Rand Abstand hast. Wie du den Abstand hinbekommst ist dir ?berlassen (ob margin oder ob padding). Dann machst du bei dem Layer noch position:relative. Dadr?ber machst du jetzt quasi den Rand in Form von Bildern in Divs + position:fixed. So bleibt der Rand etc immer im Bild und den Text kann man Scrollen. Am Rand entsteht dann der Scrollbalken.
Das m?sste eigentlich so funktionieren und ist vom Aufwand auch gar nicht so schwer. Ich hoffe ich habe keine Fehler in meinem Gedankengang gemacht.^^ -
kann mir jemand was i-spacke meint genauer erl?utern? habe bis jetzt nie mit layern gearbeitet (ich glaub da hab ich was verpasst!?). ich krieg das irgendwie nich hin...
-
Nunja. Mit CSS kann man bestimetm Styleangaben machen.
Was er meint ist, das dein Hintergundbild festgepinnt wird. Die Box bekommt eine bestimme Gr??e, die so gro? bleibt, egal wie gro? der Inhalt ist. Ist der Inhalt zu gro?, agiert die Div, tabelle, whtaever als eine Art I-Frame, ohne aber an Benutzerfreundlichkeit einzubu?en. Es bleibt eben eine ganz normale, Barrierefreie Div-Box.
Verstnadne?
Wenn nicht: Css kann man bei Homepages imemr gebrauchen!
http://www.css4you.de -
jaja verstanden schon aber an der umsetzung happerst ganz gewaltig...
wie gesagt layer sind mir neu. wie kann ich die im css ?berhaupt ansteuern? layer#xyz ???
-
Verdammt! Ich hasse den IE! Die Eigenschaft position:fixed funktiniert nicht im IE. Naja, ich habe einfach mal einen Code gemacht, der im Firefox und Opera funktioniert.
http://i-spacke.milten.lima-city.de/re-aktor.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> <html> <head> <title>Re-Aktor</title> <style type="text/css"> #Head{ position:fixed; background-color:#ffffff; height:15%; width:100%; top:0px; z-index:3; } #Left{ position:fixed; background-color:#ffffff; width:20%; height:100%; top:0px; left:0px; z-index:4; } #Content{ position:relative; background-color:#000000; width:59%; margin-top:10%; margin-left:20%; margin-right:20%; padding:3px; z-index:1; } #Content_Bottom{ position:absolute; background-color:#ffffff; height:30%; width:1px; z-index:2; } #Right{ position:fixed; background-color:#ffffff; width:20%; height:100%; top:0px; right:0px; z-index:5; } #Bottom{ position:fixed; background-color:#ffffff; height:30%; width:100%; bottom:0px; z-index:6; } </style> </head> <body text="#00ff00" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <!-- Head --> <div id="Head"></div> <!-- Left --> <div id="Left"></div> <!-- Content --> <div id="Content"><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br /><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br /><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br /><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br /><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br /><br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />.<br />test</div> <!-- Content_Bottom, damit beim Scrollen auch der ganze Text im Content-Bereich zu sehen ist --> <div id="Content_Bottom"></div> <!-- Right --> <div id="Right"></div> <!-- Bottom --> <div id="Bottom"></div> </body> </html>
-
mhh sehr interresant gel?st ddoch doch. h?tte ich auch drauf kommen k?nnen weil ich etwas sehr ?hnliches bei meiner page verwende. f?r den ie prob gibts einen hack, der aber nicht so toll funzt...
http://de.selfhtml.org/css/layouts/fixbereiche.htm
ich wei? noch ich hab ewig rumprobieren m?ssen um das bei meiner privaten hinzubekommen...
sag mal wiso musst di das content bottom auch noch reinmachen??? -
Content_Bottom ist daf?r da, dass wenn man scrollt, auch wirklich der gesamte Text or whatever in den sichtbaren Bereich reingescrollt wird und nicht das Ende unten abgeschnitten ist.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
