✔ float Box will sich nicht anpassen lassen

[xkoy]

Und irgendwie versteh ichs nicht, weil du nirgends den "spacer.jpg" hast. das wäre der Hintergrund der sich wiederholen sollte, also 1px dick. wo dann die 2 Farben mit dem lila strich ist !

Soll sich ja variabel verlängern, weil zb. bei kontakt, muss eine halbe seite ausgefüllt werden..

So habs geändert, aber kann es sein das wir aneinandergeredet haben ?

ich wollte nicht das Ende der Page unten halten, sondern nur den lila Hintergrund, diesen Streifen...



Ach jetzt, hab was gefunden:

http://www.css4you.de/wslayout1/ex0001.html

kaum war das drin :

html {height:100%;}

und height 100%, schon gehts, bis unten ! SEHR GUT !!

hier mal ein test: http://www.sonnberg-rose.at/test.php

Danke Dir trotzdem !!

 

[Maik]

Wenn es dir um http://www.sonnberg-rose.at/spacer2.jpg geht, heißt die Tageslosung eben: "Kommando zurück"

#main {
width:810px;
margin:0 auto;
background:url(spacer2.jpg) repeat-y left bottom;
}
#spacer {
/*background-image:url(spacer2.jpg);*/
height: 100%;
text-align:center;
}

mfg Maik

 

[xkoy]

Hi, sry habs vielleicht erst falsch erklärt

Aber drehe langsam durch, im test gings Super, jetzt zieht er mir den solang 3 x solang wie die eigentliche Page..

Ich hab einfach ein DIV unter den MAIN gehangen:

</div> <---- SCHLIESST DAS MAIN

<div id="spacer"> SPACER </div>

</body>
</html>

Und so siehts imm style.css aus:

#main {
width:810px;
margin:0 auto;
background:url(spacer2.jpg) repeat-y left bottom;

}
#spacer {
margin:0 auto;
background-image:url(spacer2.jpg);
height: 100%;
width: 810px;
text-align:center;
/*background-image:url(spacer2.jpg);*/
}

ich seh langsam nicht mehr durch !

Wenn ich im "spacer DIV" nicht den spacer2.jpg angebe, kommt unten garnichts an...

 

[Maik]

Dann setz die Box #spacer im HTML-Code wieder an die Stelle zurück, wo sie vorhin noch saß (u.a. auch innerhalb von #main).

#spacer {
/*margin:0 auto;*/
/*background-image:url(spacer2.jpg);*/
height: 100%;
/*width: 810px;*/
text-align:center;
/*background-image:url(spacer2.jpg);*/
}

mfg Maik

 

[xkoy]

Puh, also habs drin, vorhin gings auch, aber der will nciht mehr bis zum Rand runter, hab sicher irgendwo den hund begraben, vielleicht siehst du was:

@charset "utf-8";
/* "margin-/padding-Reset" zu Beginn des Stylesheets notieren! */
* {
margin:0;
padding:0;
}
/* Ende "margin-/padding-Reset" */



html {height:100%;}

body {
	background: #efe2ff;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	margin-top: 0px;
	height: 100%;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#main {
width:810px;
margin:0 auto;
background:url(spacer2.jpg) repeat-y left bottom;

}
#spacer {
margin:0 auto;
/*background-image:url(spacer2.jpg);*/
height: 100%;
width: 810px;
text-align:center;
/*background-image:url(spacer2.jpg);*/
}

<div id="spacer"> SPACER </div>
<div id="copy" class="copy1">
2008 &copy; <a href="http://www.pixelgenau.at">pixelgenau.at</a> | <a href="http://www.validome.org/referer">
<img style="border:none"
src="http://www.validome.org/images/set4/valid_xhtml_1_0.gif"
alt="Valid XHTML 1.0" width="80" height="15" /></a></div>
</div>
</div>
</body>
</html>

 

[Maik]

html,body { height:100%; }


#main {
width:810px;
margin:0 auto;
background:url(spacer2.jpg) repeat-y left bottom;
min-height:100%;
height:auto !important;
height:100%;
}

... falls der Boxenhintergrund sich auch bei wenig Seiteninhalt bis zum unteren Fensterrand erstrecken soll.

mfg Maik

 

[xkoy]

Ohman es geht... weiss garnicht wie ich mich bei Dir bedanken soll...

Du bist einfach zu gut