Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.08.2009 um 09:15 (UTC)    
Titel: Content reagiert nicht auf "Overflow-Befehl"
Antworten mit Zitat
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"
Antworten mit Zitat
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:
Antworten mit Zitat
Wenn´s immer noch nicht funktioniert
nimm diesen Code:

Zitat:
overflow: auto;


lg Wink
↑
Beitrag03.08.2009 um 09:37 (UTC)    
Titel:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
Das Problem hat sich erledigt, vielen Dank Wink
Es kann geschlossen werden.
______________
Gruß,
Modgar

↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.