zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Scrollbares Textfeld mit purem CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.01.2005, 02:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.01.2005
Beiträge: 6
Dancer befindet sich auf einem aufstrebenden Ast
Standard Scrollbares Textfeld mit purem CSS

Hallo ,

ich mache grade meine ersten CSS gehversuche und bin auch gleich auf ein problem gestoßen.

Ist es möglich eine Box zu definieren deren position feststeht :

Code:
#content{
	padding: 5px;
	margin-top: 100px;
	margin-left: 25px;
	margin-bottom: 100px;
	margin-right: 50%;
	background-color: #F4F4F4;
}
ABER ! , wenn der Text in content dieses Feld sprengen würde eine Scrollbalken erscheint ? Änlich dem Überlauf der Dreamweaver Layers ?
__________________
MFG
Dirk Reinartz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.01.2005, 03:48
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.936
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Wenn Du das hinzufügst:

overflow: auto;

Dann erscheint automatisch ein Scrollbalken.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.01.2005, 11:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 696
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Adagio
Dann erscheint automatisch ein Scrollbalken.
eine angabe zur höhe sollte er dann aber auch noch machen ...
Mit Zitat antworten
  #4 (permalink)  
Alt 24.01.2005, 11:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.01.2005
Beiträge: 6
Dancer befindet sich auf einem aufstrebenden Ast
Standard

Hallo ,

das mit der höhe hab ich schon gemerkt. Leider klapt das immer noch nicht so wie ich mir das vorstelle.

Die Box soll halt knapp vor ende der Seite aufhören. Sagen wir mal 50px. Eine feste höhe ist da unpraktisch das dann bei höhen auflösun doof aussieht. Bei height: auto; kommt aber kein scrollbalken.

Code:
/* CSS Document */
body{
    padding : 0 0px ;
	 background-image : url(hp_images/bg2.gif);
	 background-repeat: no-repeat;
	 background-position: bottom right;
	 margin : 0;
	
}

#navigation{
    position: absolute;
    bottom:10px;
    right:10px;
	 	
}

#header{
	position: absolute;
	left: 12px;
	top: 12px;
}

#content{ 
   padding: 5px; 
   margin-top: 100px; 
   margin-left: 25px; 
   margin-bottom: 100px; 
   margin-right: 50%; 
   background-color: #F4F4F4;
   overflow: auto; 
   height: auto;
}
Das funktioniert so garnicht. Kommt kein Scrollbalken wie gesagt.
Ihr könnte euch das ganze ja mal ansehen : www.dancers-place.de
Bei etwas merh als 1024 sieht es so aus wie ich mir das gedacht habe. Aber dann mach das fenster mal kleiner
__________________
MFG
Dirk Reinartz
Mit Zitat antworten
  #5 (permalink)  
Alt 24.01.2005, 12:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.152
mazzo wird schon bald berühmt werden
Standard

da fehlt das schliessende ">" im öffnenden DIV-Tag mit der id="content".
Mit Zitat antworten
  #6 (permalink)  
Alt 24.01.2005, 16:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.01.2005
Beiträge: 6
Dancer befindet sich auf einem aufstrebenden Ast
Standard

Danke für den hinweis , hilfte aber leider nicht weiter.
__________________
MFG
Dirk Reinartz
Mit Zitat antworten
  #7 (permalink)  
Alt 24.01.2005, 16:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.152
mazzo wird schon bald berühmt werden
Standard

In Deinem Quellcode steht keine Styleangabe zu dem DIV Container "content".

Das hier funzt bei mir mit scrollbarer DIV-Box:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dancers Place - Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
	color: #000000;
}
body {
	background-color: #FFFFFF;
}
#content{
	background-color: #c1c1c1;
	overflow: auto;
	width: 500px;
	height: 150px;
}
-->
</style></head>

<body>
	
	<div id="header">
		[img]hp_images/mainheader.jpg[/img]
	</div>
	
	<div id="navigation">
 		

about | photografie | galerie | aquaristik | links </p>
 	</div>
	<div id="content">
		<h1>Wilkommen zu Dancer-Place.de</h1>
		

Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.</p>
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.</p>
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.</p>
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.
		Hier wird der Text zu dem entsprechenden Thema stehen.Hier wird der Text zu dem entsprechenden Thema stehen.</p>
		
	</div>
	

</body>
</html>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:49 Uhr.