[CSS]Stylesheet

[DerSaboteur]

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

[gebunden]

Tschuldigung, aber ich werd daraus nicht schlau. Zeig doch erstmal den jetztigen stand deiner Webseite.


Meinst du vielleicht background-repeat ?

[Ravenstorm]

Kannst du das bitte in Deutsch schreiben? Danke

vllt. mit mehr Information und nicht irgend was wirres

[DerSaboteur]

Originally Posted by gebunden

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

[Ravenstorm]

also möchtest du eine fixed region?

nur wo möchtest du das .... die komplette homepage oder nur hintergrund oder wie?

[DerSaboteur]

Originally Posted by Ravenstorm

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.. ^^

[Ravenstorm]

na ja das problem ist, dass du die repeat anweisung nur auf

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 ...

[DerSaboteur]

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..

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?..

@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..

[JacK le chilla]

Probier mal ^^

#wrapperarea {
width: 1017px;
height:100%<-- sollte gehen
margin-right: auto;
margin-left: auto;
}

[DerSaboteur]

funktioniert nicht..

[Fratyr]

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;

[DerSaboteur]

Originally Posted by Fratyr

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.

[Deathman10]

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

[Ennea]

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.

[DerSaboteur]

Originally Posted by Deathman10

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

Originally Posted by Ennea

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