[CSS]Stylesheet

Page 1 of 2 1 2
01/06/2012 05:34 DerSaboteur#1
Hey leute

ich will bei meiner homepage so einstellen das sich die komplette homepage
bis nach unten wiederholt bis zum ende des browsers wenn text fehlt..
sagen wir ich habe nur einen kleinen satz dort stehen.. und es ist mittig wie kann ich machen das sich der text hintergrund bis nach ganz unten kopiert.. von allen also dann muss ich den hight nicht erhöhen..

mfg DerSaboteur
01/06/2012 05:47 gebunden#2
Tschuldigung, aber ich werd daraus nicht schlau. Zeig doch erstmal den jetztigen stand deiner Webseite.


Meinst du vielleicht background-repeat ?
01/06/2012 05:54 Ravenstorm#3
Kannst du das bitte in Deutsch schreiben? Danke

vllt. mit mehr Information und nicht irgend was wirres
01/06/2012 05:56 DerSaboteur#4
Quote:
Originally Posted by gebunden View Post
Tschuldigung, aber ich werd daraus nicht schlau. Zeig doch erstmal den jetztigen stand deiner Webseite.


Meinst du vielleicht background-repeat ?
nein das bringt ja nur was wenn ich den height lösche. dann wiederholt sich das wenn ich was neues hinzuschreib bei repeat mit height angabe wiederholt sich das soviel wie ich will ich will aber das es IMMER bis zum ende des browsers läuft..

selbst wenn kein text dort ist
01/06/2012 05:58 Ravenstorm#5
also möchtest du eine fixed region?

nur wo möchtest du das .... die komplette homepage oder nur hintergrund oder wie?
01/06/2012 05:59 DerSaboteur#6
Quote:
Originally Posted by Ravenstorm View Post
also möchtest du eine fixed region?

nur wo möchtest du das .... die komplette homepage oder nur hintergrund oder wie?
mh keine ahnung wenn ich das wüsste würd ichs ja machen :'D
fixed ist noch nur dafür da das es sich nicht von der stelle bewegt oder?
ich will einfach nur das sich ein bild immer wiederholt bis der browser ein ende hat.. ^^
01/06/2012 06:08 Ravenstorm#7
na ja das problem ist, dass du die repeat anweisung nur auf
Quote:
no-repeat
repeat
repeat-x
repeat-y
und diese dann eig. auf den Content bezogen sind...

also ist es so wie du willst eig. nicht möglich ...
01/06/2012 06:11 DerSaboteur#8
genau und wenn ich ein text schreibe oder einen <br /> mache folgt der hintergrund mit nur ich will nicht immer <br /> oder height angeben ich will
das der von allein bis zum ende des browsers folgt.
ohne das ich was angeben muss.

€dit : so ich habe was gefunden..

Code:
html, body {
background-color: #333333;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

#wrapper {
background-color: #FFFFFF;
width: 80%;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}
nur funktioniert das bei mir nicht ._. kann wer das mal bei mir einbauen?..

Code:
@charset "utf-8";
* {
	font-family: "Times New Roman", Arial, Verdana;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #09F;
}
body {
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}
#wrapperarea {
	width: 1017px;
	margin-right: auto;
	margin-left: auto;
}
#wrapperarea #header {
	height: 150px;
}
#wrapperarea #wrapper {
	height: 45px;
	background-image: url(../image/wrapper.png);
	background-repeat: no-repeat;
}
#wrapperarea #contentarea #sidebar-left {
	width: 253px;
	float: left;
	text-align: center;
	background-image: url(../image/sidebar-left.png);
	background-repeat: repeat-y;
}
#wrapperarea #contentarea #textarea {
	width: 511px;
	margin: auto;
	float: left;
	background-color: #171717;
	background-repeat: repeat-y;
}
#wrapperarea #contentarea #sidebar-right {
	float: right;
	width: 253px;
	text-align: center;
	background-image: url(../image/sidebar-right.png);
	background-repeat: repeat-y;
}
#footer {
	position:fixed;
    bottom:0px;
    background-image: url(../image/footer.png);
	background-color: #000;
	background-repeat: repeat-x;
	padding: 5px;
    width:100%;
}
.liste {
	margin: 5px auto;
	padding: 10px 0 0 75px;
}

.navi {
	list-style-type: none;
}
.navi a {
	text-decoration: none;
	color: #999;
	float: left;
	margin-right: 999px;
	width: 98px;
	height: 29px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../image/button.png)
}
.navi a:hover{
	color: white;
	text-shadow: 0 0 10px white;
	width: 98px;
	height: 29px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../image/buttonh.png)
}
li {
	text-align: center;
}
input {
	color: #000;
}
textarea {
	color: #000;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin: 15px;
}
b {
	color: #FC3;
}
strong {
	color: #FC3;
}
Es sollen sich Sidebar-Left und Right und die Textarea wiederholen..
01/06/2012 11:38 JacK le chilla#9
Probier mal ^^
Quote:
#wrapperarea {
width: 1017px;
height:100%<-- sollte gehen
margin-right: auto;
margin-left: auto;
}
01/06/2012 13:31 DerSaboteur#10
funktioniert nicht..
01/06/2012 18:09 Fratyr#11
Falls ich das richtig verstanden habe willst du das sich das Hintergrundbild eines Containers sich immer
nach unten wiederholt richtig?

Falls ja dan versuchs mal mit background-repeat: repeat-y;
01/08/2012 06:39 DerSaboteur#12
Quote:
Originally Posted by Fratyr View Post
Falls ich das richtig verstanden habe willst du das sich das Hintergrundbild eines Containers sich immer
nach unten wiederholt richtig?

Falls ja dan versuchs mal mit background-repeat: repeat-y;
mit background-repeat muss ich aber eine height angabe oder einen langen text schreiben damit es sich wiederholt? doch ich will das er das von allein tut und oben im css klappt das nur es klappt bei mir komischerweise nicht.
01/08/2012 13:03 Deathman10#13
Also ich hab mich leztens mal an meinen Blog gemacht und hatte das gleiche Problem, wenn du z.B. den Content-Div hast, und der sich auto anpassen soll, hab ich es so gemacht:

position:absolute;
top:25%;
left:25%;
width:25%;
min-height:75%;

So hats bei mir geklappt :')

Mfg Deathman10
01/08/2012 20:09 Ennea#14
Background ins body-Element, dann brauchst du dir über sowas keine Sorgen zu machen. Die Höhe auf 100% setzen geht natürlich auch, aber das kommt auch noch darauf an, was das entsprechende Element noch für Eltern-Elemente hat. Prozentangaben beziehen sich immer erstmal auf das nächsthöhere Eltern-Element.
01/08/2012 20:54 DerSaboteur#15
Quote:
Originally Posted by Deathman10 View Post
Also ich hab mich leztens mal an meinen Blog gemacht und hatte das gleiche Problem, wenn du z.B. den Content-Div hast, und der sich auto anpassen soll, hab ich es so gemacht:

position:absolute;
top:25%;
left:25%;
width:25%;
min-height:75%;

So hats bei mir geklappt :')

Mfg Deathman10
Werd ich nachher mal testen danke ;)

Quote:
Originally Posted by Ennea View Post
Background ins body-Element, dann brauchst du dir über sowas keine Sorgen zu machen. Die Höhe auf 100% setzen geht natürlich auch, aber das kommt auch noch darauf an, was das entsprechende Element noch für Eltern-Elemente hat. Prozentangaben beziehen sich immer erstmal auf das nächsthöhere Eltern-Element.
kannste das nicht alles in meinem css erkennen es ist alles soweit dort in der reihenfolge geordnet. ;)

Mfg
Page 1 of 2 1 2