Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.08.2009 um 09:15 (UTC)    
Titel: Content reagiert nicht auf "Overflow-Befehl"

Hallo an alle,

ich habe ein kleines Problem mit meinem CSS-Code. Und zwar reagiert der Content (wie es schon in der Überschrift steht) auf keinen der Owerflow-Befehle. Somit habe ich leider das Problem, dass Seiten, die länger als der Content sind, über diesen herausragen.
Ich hätte auch nichts dagegen, dass die größe des Content dynamisch wird, sprich dass sich sich einfach verändert, jenachdem wie lang die seite ist. Hier verstehe ich allerdings nicht, wie es funktionieren soll, da ich unter dem Content noch zwei andere Divs habe und nicht weiß, wie ich diese mit dem Content verknüppfen kann.
Ich hoffe, ihr könnt mir helfen, darum habe ich auch mal meinen Code gepostet:

Code:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
h1#title{display: none;}   
#pre_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
#post_header {display: none;}
#nav_container {display:none;}


#design{
width: 910px;
background-color: transparent;
margin: 0 auto;}


a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #4993bb;
font-size: 13px;
text-decoration: none;}


body {
background-image:url(http://img.webme.com/pic/d/derpott-test/background.png);}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url();}


#header_container{
position:absolute;
left:50%;
top: 115px;
margin-left: -470px;
float:left;
height:173px;
width: 910px;
background-color: transparent;
background-image: url(http://img.webme.com/pic/d/derpott-test/header2.png);
border:0px;}


#Navigation{
position: absolute;
left: 50%;
top: 290px;
margin-left: -495px;
float: left;
height: 25px;
width:855px;
background-color: ;
background-image: url(http://img.webme.com/pic/d/derpott-test/leiste.png);
padding: 10px;
padding-left: 120px;
border: 1px;
z-index:2;}


#content{
position:absolute;
left: 50%;
top: 333px;
margin-left: -470px;
float: left;
height: 820px;
width: 650px;
font-family: Arial;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
padding: 10px;
padding-right: 270px;
border: 0px;
z-index: 1;
owerflow: scroll;}

h2#title span{
color: #013e9a;}


#sidebar_container{
position: absolute;
float: right;
left: 50%;
top: 363px;
margin-left: 205px;
height: 250px;
width: 240px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/partner.png);
background-repeat: no-repeat;
border: 1px solid #003d90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 2;}


#Tagesspruch{
position: absolute;
left: 50%;
float: right;
height: 250px;
width: 240px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/tagesspruch.png);
background-repeat: no-repeat;
z-index: 2;
top: 633px;
margin-left: 205px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #003d90;}



#counter{
position: absolute;
left: 50%;
float: right;
width: 240px;
height: 80px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/besucher.png);
background-repeat: no-repeat;
top: 903px;
margin-left: 205px;
border: 1px solid #003d90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 2;}

#Footer{
position: absolute;
left: 50%;
top: 1173px;
margin-left: -495px;
float: left;
width: 965px;
height: 25px;
font-family: Arial
font-size: 12px;
text-align: center;
font-weight: normal;
color: #ffffff;
background-color: #dcdcdc;
background-image: url(http://img.webme.com/pic/d/derpott-test/leiste.png);
padding: 10px;
border: 0px;}


#Under_Footer{
position: absolute;
left: 50%;
top: 1250px;
margin-left: -470px;
float: left;
height: 30px;
width: 100px;
visibility: hidden;}



Ich hoffe, ihr könnt mir helfen und bedanke mich schonmal im Voraus Very Happy
______________
Gruß,
Modgar

Beitrag03.08.2009 um 09:23 (UTC)    
Titel: Re: Content reagiert nicht auf "Overflow-Befehl"

der-pott hat Folgendes geschrieben:
Hallo an alle,

ich habe ein kleines Problem mit meinem CSS-Code. Und zwar reagiert der Content (wie es schon in der Überschrift steht) auf keinen der Owerflow-Befehle. Somit habe ich leider das Problem, dass Seiten, die länger als der Content sind, über diesen herausragen.
Ich hätte auch nichts dagegen, dass die größe des Content dynamisch wird, sprich dass sich sich einfach verändert, jenachdem wie lang die seite ist. Hier verstehe ich allerdings nicht, wie es funktionieren soll, da ich unter dem Content noch zwei andere Divs habe und nicht weiß, wie ich diese mit dem Content verknüppfen kann.
Ich hoffe, ihr könnt mir helfen, darum habe ich auch mal meinen Code gepostet:

Code:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
h1#title{display: none;}   
#pre_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
#post_header {display: none;}
#nav_container {display:none;}


#design{
width: 910px;
background-color: transparent;
margin: 0 auto;}


a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #4993bb;
font-size: 13px;
text-decoration: none;}


body {
background-image:url(http://img.webme.com/pic/d/derpott-test/background.png);}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url();}


#header_container{
position:absolute;
left:50%;
top: 115px;
margin-left: -470px;
float:left;
height:173px;
width: 910px;
background-color: transparent;
background-image: url(http://img.webme.com/pic/d/derpott-test/header2.png);
border:0px;}


#Navigation{
position: absolute;
left: 50%;
top: 290px;
margin-left: -495px;
float: left;
height: 25px;
width:855px;
background-color: ;
background-image: url(http://img.webme.com/pic/d/derpott-test/leiste.png);
padding: 10px;
padding-left: 120px;
border: 1px;
z-index:2;}


#content{
position:absolute;
left: 50%;
top: 333px;
margin-left: -470px;
float: left;
height: 820px;
width: 650px;
font-family: Arial;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
padding: 10px;
padding-right: 270px;
border: 0px;
z-index: 1;
owerflow: scroll;}
h2#title span{
color: #013e9a;}


#sidebar_container{
position: absolute;
float: right;
left: 50%;
top: 363px;
margin-left: 205px;
height: 250px;
width: 240px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/partner.png);
background-repeat: no-repeat;
border: 1px solid #003d90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 2;}


#Tagesspruch{
position: absolute;
left: 50%;
float: right;
height: 250px;
width: 240px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/tagesspruch.png);
background-repeat: no-repeat;
z-index: 2;
top: 633px;
margin-left: 205px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #003d90;}



#counter{
position: absolute;
left: 50%;
float: right;
width: 240px;
height: 80px;
background-color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/derpott-test/besucher.png);
background-repeat: no-repeat;
top: 903px;
margin-left: 205px;
border: 1px solid #003d90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 2;}

#Footer{
position: absolute;
left: 50%;
top: 1173px;
margin-left: -495px;
float: left;
width: 965px;
height: 25px;
font-family: Arial
font-size: 12px;
text-align: center;
font-weight: normal;
color: #ffffff;
background-color: #dcdcdc;
background-image: url(http://img.webme.com/pic/d/derpott-test/leiste.png);
padding: 10px;
border: 0px;}


#Under_Footer{
position: absolute;
left: 50%;
top: 1250px;
margin-left: -470px;
float: left;
height: 30px;
width: 100px;
visibility: hidden;}



Ich hoffe, ihr könnt mir helfen und bedanke mich schonmal im Voraus Very Happy


overflow schreibt man auch nicht mit "w", sondern mit "v"

Sollte dann funktionieren.

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag03.08.2009 um 09:28 (UTC)    
Titel:

Wenn´s immer noch nicht funktioniert
nimm diesen Code:

Zitat:
overflow: auto;


lg Wink
Beitrag03.08.2009 um 09:37 (UTC)    
Titel:

Es hat funktioniert, vielen Dank.
Allerdings sieht es jetzt optisch nicht so schön aus. Weiß jemand von euch, wie man die Größe des Content variabel gestalten kann?
______________
Gruß,
Modgar

Beitrag03.08.2009 um 09:40 (UTC)    
Titel:

Wäre schön, wenn Du Deine Seite mal öffnest oder einen Link angibst, damit man sich das mal ansehen kann...

lg
______________

Zitat: "Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber beim Universum bin ich mir noch nicht ganz sicher"
Beitrag03.08.2009 um 09:42 (UTC)    
Titel:

Der Content ist allgemein immer ohne automatisches Scrollen eingestellt. Einfach die Höhe des Contents löschen und den overflow: auto;-Befehl, dann ist die Contentgröße variabel.

Eventuell musst du dann die Klassen die hinter dem Content im Code kommen (Sidebar, Copyrightbereich) ein bisschen umcoden.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag03.08.2009 um 10:11 (UTC)    
Titel:

Das Problem hat sich erledigt, vielen Dank Wink
Es kann geschlossen werden.
______________
Gruß,
Modgar

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de