Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.06.2012 um 17:39 (UTC)    
Titel: content berreich scrollbalken entfernen

Hi

hab da ein problem mit dem scrollbalken an der seite meines content berreichs.
http://mutsumi.de.tl/Fansub-Kodex.htm

ich möchte dass der content berreich automatisch sich nach unten ausdehnt und nicht dass die feste größe bleibt dass mann nur noch inn runterscrollen muss.

hier mein code

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#Header_oben {
height: 300px;
width: 1210px;
background:;
background-image:url(http://img.webme.com/pic/m/mutsumi/sdgfdfsdfsfsdfsdf2.png);
color: #FFFFFF;
border: 0px solid #6666FF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:0%;top:100px;}

body {background-image:url(http://img.webme.com/pic/m/mutsumi/asdasdasdddddaaaadd.png);background-position: center center;background-attachment: fixed;}

a{color:#FFFFFF; font-size: 15px; text-decoration: none;}
a:hover {color: #FFFFFF; font-size: 15px; text-decoration: none;}
a:link {color: #FFFFFF; font-size: 15px; text-decoration: none;}
a:active {color: #FFFFFF; font-size: 15px; text-decoration: none;}
a:visited {color: #FFFFFF; font-size: 15px; text-decoration: none;}


li.nav_element a{
color:#FFFFFF;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 240px;
height: 25px;
background-image:url(http://img.webme.com/pic/m/mutsumi/norm.png);
background-color:}


li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 239px;
height: 25px;
background-image:url(http://img.webme.com/pic/m/mutsumi/hov1.png);
background-color:}

* { padding: 0; margin: 0; }


#Design {
margin: 0 auto;
width: 922px;
}


#nav_container {
width: 240px;
height: 600px;
background:;
background-image:url(http://img.webme.com/pic/m/mutsumi/bg18.png);
color: ;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;overflow:auto;
position:absolute;left:0px;top:400px;}


#content {
height: 800px;
width: 714px;
background:;
background-image:url(http://img.webme.com/pic/m/mutsumi/bg53.png);h1#title{display: none;}
color: #ffffff;
border: 1px solid B200CC;
margin: 0px 0px 0px 0px;
padding: 8px;
display: inline;
float: left;
overflow:auto;
position:absolute;left:240px;top:400px;}

#sidebar_container {
height: 700px;
width: 240px;
background:;
background-image:url(http://img.webme.com/pic/m/mutsumi/bg18.png);
color:#ffffff ;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
position:absolute;left:970px;top:400px;}

#counter{display: none;}
color: #000000;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
position:absolute;left:200px;top:240px;}

#counter{display: none;}

#vote{
position:absolute;left:32px;top:198px;}




kann mir einer erklären was ich da falsch mache damit ich was lerne ^^ ?

gruß arni
______________
Beitrag02.07.2012 um 13:47 (UTC)    
Titel:

Du nimmst einfach aus #content den Teil mit height raus, denn eigentlich wird
der automatisch so lang wie sein Inhalt.

Dein Code mit der Verbesserung:
Zitat:
h1#title {
display: none;
}
h2#title span {
display: none;
}
div.header {
display: none;
}
li.nav_element {
list-style-type: none;
}
#Header_oben {
height: 300px;
width: 1210px;
background-image: url(http://img.webme.com/pic/m/mutsumi/sdgfdfsdfsfsdfsdf2.png);
color: #FFFFFF;
border: 0px solid #6666FF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position: absolute;
left: 0%;
top: 100px;
}
body {
background-image: url(http://img.webme.com/pic/m/mutsumi/asdasdasdddddaaaadd.png);
background-position: center center;
background-attachment: fixed;
}
a {
color: #FFFFFF;
font-size: 15px;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
font-size: 15px;
text-decoration: none;
}
a:link {
color: #FFFFFF;
font-size: 15px;
text-decoration: none;
}
a:active {
color: #FFFFFF;
font-size: 15px;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
font-size: 15px;
text-decoration: none;
}
li.nav_element a {
color: #FFFFFF;
display: block;
margin: 0px;
padding-left: 0px ;
text-decoration: none;
text-align: center;
width: 240px;
height: 25px;
background-image: url(http://img.webme.com/pic/m/mutsumi/norm.png);
}
li.nav_element a:hover {
color: #FFFFFF;
display: block;
margin: 0px;
padding-left: 0px;
text-decoration: none;
width: 239px;
height: 25px;
background-image: url(http://img.webme.com/pic/m/mutsumi/hov1.png);
}
* {
padding: 0;
margin: 0;
}
#Design {
margin: 0 auto;
width: 922px;
}
#nav_container {
width: 240px;
height: 600px;
background-image: url(http://img.webme.com/pic/m/mutsumi/bg18.png);
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow: auto;
position: absolute;
left: 0px;
top: 400px;
}
#content {
height: 800px;
width: 714px;
background-image: url(http://img.webme.com/pic/m/mutsumi/bg53.png);
}
h1#title {
display: none;
}
/*color: #ffffff;
border: 1px solid B200CC;
margin: 0px 0px 0px 0px;
padding: 8px;
display: inline;
float: left;
overflow:auto;
position:absolute;
left:240px;
top:400px;
}*/
#sidebar_container {
height: 700px;
width: 240px;
background-image: url(http://img.webme.com/pic/m/mutsumi/bg18.png);
color: #ffffff;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow: auto;
position: absolute;
left: 970px;
top: 400px;
}
#counter {
display: none;
}
/*color: #000000;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
position:absolute;
left:200px;
top:240px;*/
}
#counter {
display: none;
}
#vote {
position: absolute;
left: 32px;
top: 198px;
}


Ich habe noch mehr Fehler aus deinem Code geholt, wie leere Tags und
einen ganz lustigen Bereich weiter unten, den ich mal auskommentiert habe.
Falls du Hilfe mit CSS brauchst, ich gebe Hilfe und Tutorials via Skype und
TeamViewer, schreib mich gerne an.

Der Coder jetzt oben ist übrigens nicht auf aktuellen CSS3 Standards, das ist
aber sicher nicht so wichtig, da CSS3 noch nicht ausentwickelt ist, das wollte
ich dir nur noch mit auf den Weg geben.


Zuletzt bearbeitet von arealmelon am 02.07.2012, 15:01, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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