Zur Navigation

Blockelement im Browser unten positionieren

1 andehrl

hallo zusammen,
ich habe auf meiner seite dieses div erstellt und wolltet mit CSS den inhalt immer am unteren browserrand anzeigen.

das div scaut so aus:

<div class="untenschrift" id="unten">
  <p class="schriftUnten">home&nbsp; | &nbsp;Spezialisierung&nbsp; | &nbsp;Öffnungszeiten&nbsp; |&nbsp; preisliste&nbsp; |&nbsp; produkte<br />
  das team&nbsp; | &nbsp;gallerie&nbsp; |&nbsp; Feedback&nbsp; |&nbsp; Kontakt </p>
</div>

das zugehörige CSS sieht dann so aus:

#unten {
	top: 93%;
	bottom: auto;
	position: absolute;
	width: 100%;
	clear: both;
	float: left;
	background-color: rgba(0,0,0,0.55);
	height: 7%;
}

hab hier 2 probleme:

mit dem google-browser sieht alles so aus wie gewünscht. im explorer ist ab version 8 alles an seinem platz, mit vorhergehenden explorer-versionen herrscht chaos. mit firefox und opera entsteht ein abstand nach unten und ich bekomme den scrollbalken.
kann ich mit CSS die position des blocks so bestimmen, dass er in jedem browser an den unteren fensterrand gesetzt wird?

die zweite frage betrifft die hintergrundfarbe. im explorer wird die hintergrundfarbe nicht angezeigt. ich nehme mal an wegen der transparenz. alle anderen browser zeigen die farbe in seinem transparentwert an. wie bringe ich den explorer dazu transparenz anzuzeigen.

17.06.2011 16:35 | geändert: 17.06.2011 16:37

2 Jörg Kruse

mit firefox und opera entsteht ein abstand nach unten und ich bekomme den scrollbalken.

Setz mal die Abstände von body auf 0:

body {
margin:0;
padding:0;
}

mit vorhergehenden explorer-versionen herrscht chaos

Das ist leider "normal". Bei älteren IE-Versionen kann man versuchen mit einem Extra-CSS, welches über Conditional Comments eingebunden wird, die missratene Ansicht zu korrigieren.

im explorer wird die hintergrundfarbe nicht angezeigt.

"rgba(0,0,0,0.55)" ist CSS3 - das versteht vermutlich erst der IE9.

Auf dieser Seite ist erklärt, wie Transparenz auch in älteren Browserversionen funktioniert:

http://www.quirksmode.org/css/opacity.html

17.06.2011 17:27

3 andehrl

Setz mal die Abstände von body auf 0:

hab ich probiert:

body {
	background:#111;
	visibility: visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}

verändert sich leider gar nichts

17.06.2011 19:10

4 Jörg Kruse

verändert sich leider gar nichts

In meinem Opera verschwindet der Scrollbalken dann. Kannst du eine Beispielseite verlinken - bzw. den Code soweit ergänzen, dass man das Problem damit nachvollziehen kann?

17.06.2011 19:30

5 andehrl

Zitat von Jörg
verändert sich leider gar nichts

In meinem Opera verschwindet der Scrollbalken dann. Kannst du eine Beispielseite verlinken - bzw. den Code soweit ergänzen, dass man das Problem damit nachvollziehen kann?


hab viel herumprobiert. die seite ist also ziemlich chaotisch:

der gesamte seitencode sieht so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

		<title>hallo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
        

		
		<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

<script src="../scripts/jquery-latest.js" type="text/javascript"></script>
<script src="scripts/thickbox.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
	Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
</script>
		
<style type="text/css">
		
			
			
			#contenta{
	position:absolute;
	background:#111;
	background:rgba(0,0,0,0.70);
	width:208px;
	text-align:left;
	top: 120px;
	left: auto;
	right: 412px;
	font-size: 13pt;
}
			.stamp{
	float: right;
	margin-bottom: 0;
	margin-left: 0;
}
			
		a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
}


body {
	background-image: url();
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
        #neu p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-top: 22px;
	margin-right: 4px;
	margin-bottom: 22px;
	margin-left: 33px;
	line-height: 120%;
	color: #CCC;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
    </style>
<style type="text/css">
<!--
.Schriftstil {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Stil24 {color: #000000}
.Stil27 {font-size: 13px}
.Stil28 {font-size: 14px;
	color: #000000;
}

#spezial {
	position: absolute;
	height: 467px;
	width: 400px;
	top: 53px;
	right: 418px;
	left: auto;
	bottom: auto;
	background-color: rgba(255,255,255,0.55);
}

.zusatztext {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 424px;
}
-->
    </style>    


<link href="css/thickbox.css" rel="stylesheet" type="text/css" />
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="neu">
  <p><span class="speed"><br />
    <a href="fadeBBB.html" class="schrift">home</a><br />
    <br />
    <a href="spezialisierung.html" class="schrift">spezialisierung</a><br />
    <br />
    <a href="fadeoefnungszeiten.html" class="schrift">Öffnungszeiten</a><br />
    <br />
    <a href="preisliste.html" class="schrift">preisliste</a><br />
    <br />
    produkte<br />
    <br />
    <br />
    <br />
    <a href="team.html" class="schrift">das team</a><br />
    <br />
    <a href="gallerie.html" class="schriftKopie">galerie</a><br />
    <br />
    feedback</span><br />
    <br />
    <br />
    <br />
    <span class="schrift"> <br />
  </span></p>
  <p>kontakt<br />
    <br />
  </p>
<p><br />
</p>
</div>
<div class="untenschrift" id="unten">
  <p class="schriftUnten">home&nbsp; | &nbsp;Spezialisierung&nbsp; | &nbsp;Öffnungszeiten&nbsp; |&nbsp; preisliste&nbsp; |&nbsp; produkte<br />
  das team&nbsp; | &nbsp;gallerie&nbsp; |&nbsp; Feedback&nbsp; |&nbsp; Kontakt </p>
</div>
<div id="logozentral"><img src="../Bilder/MINKHA.png" alt="" width="195" height="46" /></div>
<div id="gallerie"><a href="../images/bild1gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild1.png" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2200, 0, 100, false)"/></a><a href="../images/bild2gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild2.png" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2200, 0, 100, false)"/></a><a href="../images/bild3gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild3.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2200, 0, 100, false)"/></a><a href="../images/bild4gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild4.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2500, 0, 100, false)"/></a><a href="../images/bild5gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild5.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2500, 0, 100, false)"/></a><a href="../images/bild6gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild6.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2500, 0, 100, false)"/></a><a href="../images/bild7gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild7.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2800, 0, 100, false)"/></a><a href="../images/bild8gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild8.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2800, 0, 100, false)"/></a><a href="../images/bild9gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild9.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 2800, 0, 100, false)"/></a><a href="../images/bild10gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild10.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 3100, 0, 100, false)"/></a><a href="../images/bild11gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild11.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 3100, 0, 100, false)"/></a><a href="../images/bild12gross.jpg" class="thickbox" rel="thickbox_slide1"><img src="../images/kleinbild12.png" alt="" width="150" height="100" onmouseover="MM_effectAppearFade(this, 50, 100, 70, false)" onmouseout="MM_effectAppearFade(this, 50, 70, 100, false)" onload="MM_effectAppearFade(this, 3100, 0, 100, false)"/></a></div>
</body>
</html>



hier die zugehörigen CSS:

body {
	background:#111;
	visibility: visible;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
}
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	/*Controls Section*/
	#controls-wrapper {
	width:100%;
	bottom:0;
	left:0;
	z-index:4;
	background:url(../img/nav-bg.png) repeat-x;
	position:fixed;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	height: 50px;
}
		#controls {
	overflow:hidden;
	height:100%;
	text-align:center;
	z-index:5; /* Increase padding to give thumbnails room */
	padding-top: 0;
	padding-bottom: 0;
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 18px;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
}
#logo {
	width: 222px;
	left: auto;
	right: 0px;
	bottom: auto;
	height: auto;
	position: absolute;
	top: 90px;
}
#logo img {
	margin-right: 19px;
	margin-left: 20px;
	text-align: center;
	vertical-align: middle;
	width: 183px;
}


			#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
			#navigation { float:right; margin:10px 20px 0 0; }
	
	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
#neu {
	width: 222px;
	position: absolute;
	left: auto;
	top: 122px;
	height: 467px;
	text-decoration: none;
	text-align: left;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	right: 0px;
	background-repeat: repeat;
	background-color: rgba(0,0,0,0.55);
}
.schrift {
	margin: 0px;
	color: #CCC;
}
#spezial img {
	margin-top: 25px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: auto;
}
#spezial p {
	width: 330px;
	margin-right: 35px;
	margin-left: 35px;
}

.schriftKopie {
	margin: 0px;
	color: #FFC;
}
.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 8px;
	float: left;
	clear: both;
	overflow: hidden;

}

#oeffnungszeiten {
	top: 160px;
	position: absolute;
	left: auto;
	right: 222px;
	bottom: auto;
	background-color: rgba(0,0,0,0.12);
	border-top-width: 5px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(0,0,0,0.55);
	border-bottom-color: rgba(0,0,0,0.55);
	border-left-color: rgba(0,0,0,0.55);
	width: 333px;
	height: 125px;
}
#preisliste {
	height: 467px;
	width: 500px;
	position: absolute;
	left: auto;
	top: 122px;
	right: 222px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: rgba(255,255,255,0.55);
	border-right-style: none;
}
#preisliste label #preisliste2 {
	background-color: rgba(0,0,0,0.55);
}


.oeffnungszeiten {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
	height: 28px;
	float: left;
	clear: right;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 15%;
	margin-left: 76px;
	width: 180px;
	font-style: normal;
	line-height: 18px;
}
#preiseAAA {
	width: 555px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 122px;
	border: 5px solid rgba(0,0,0,0.55);
	height: 457px;
	background-color: rgba(255,255,255,0.55);
}
.preislisteFett {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	height: 357px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 15%;
	margin-left: 76px;
	width: 350px;
	font-style: normal;
	line-height: 18px;
	float: left;
	text-transform: uppercase;
	position: absolute;
	font-weight: bold;
}

.preisliste {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: left;
	height: 357px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 15%;
	margin-left: 76px;
	width: 350px;
	font-style: normal;
	line-height: 22px;
	float: left;
	text-transform: uppercase;
	position: absolute;
}
#textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: rgba(255,255,255,0.55);
	position: absolute;
	width: 450px;
	left: auto;
	top: 122px;
	height: 467px;
	right: 222px;
	bottom: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#unten {
	top: 93%;
	bottom: auto;
	position: absolute;
	width: 100%;
	clear: both;
	float: left;
	background-color: rgba(0,0,0,0.55);
	height: 7%;
}
#unten p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 73%;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-transform: uppercase;
	margin-top: 1%;
	margin-bottom: 2%;
}
#logozentral {
	position: absolute;
	height: auto;
	width: 100%;
	bottom: 8%;
	clear: both;
	float: left;
	text-align: center;
}
#logozentral img {
}


#unten img {
	height: 10px;
	width: 10px;
}
.schriftUnten {
	margin: 0px;
	color: #FFF;
	line-height: 160%;
	letter-spacing: 1px;
}
#gallerie {
	top: auto;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
	margin-top: 120px;
	height: 475px;
	width: 520px;
	background-color: rgba(255,255,255,0.55);
	margin-bottom: auto;
	bottom: auto;
}
#gallerie img {
	margin: 9px;
}
#dasteam {
	height: 200px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 222px;
	margin-bottom: auto;
	clear: both;
	float: none;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
}
#dasteam img {
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #FFF;
}


und hier noch der link zur anschauung.
sorry für den wust.

http://www.harz4-umzug.de/slideshow/gallerie.html

17.06.2011 19:55

6 Jörg Kruse

Vorweg:
Wenn du eine weitgehend gleiche Darstellung in den Browsern anstrebst, solltest du einen stricten Doctype verwenden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dann schalten die Browser in den Standard Modus - auch die älteren IEs könnten sich dann schon etwas besser benehmen

Das hier ist problematisch:
#unten p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 73%;
    color: #FFF;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1%;
    margin-bottom: 2%;
}

Zusammen mit dem Inhalt von "#unten p" könnte dies die Höhe von 7% übersteigen. Firefox schiebt den Rest der Abstände dann nach unterhalb, wodurch der vertikale Scrollbalken entsteht

Ich würde hier einfach mal den margin-bottom Wert weglassen

17.06.2011 20:37 | geändert: 17.06.2011 20:39

7 andehrl

Zitat von Jörg

Das hier ist problematisch:
#unten p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 73%;
    color: #FFF;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1%;
    margin-bottom: 2%;
}

Zusammen mit dem Inhalt von "#unten p" könnte dies die Höhe von 7% übersteigen. Firefox schiebt den Rest der Abstände dann nach unterhalb, wodurch der vertikale Scrollbalken entsteht

Ich würde hier einfach mal den margin-bottom Wert weglassen


hab margin-bottom gelöscht. in firefox ist der kontainer jetzt nach unten gerutscht wie es gedacht war. in opera existiert der abstand leider nach wie vor.

17.06.2011 20:59

8 Jörg Kruse

Um den Auslösern solcher Probleme auf die Spur zu kommen, kann es helfen, testweise einzelne Elemente zu entfernen. Wenn du die Gallerie rausnimmst, fügt Opera unten keinen Scrollbalken mehr an. Anscheinend rechnet sie den margin-top Wert von #gallerie zu den 100% von body hinzu. Du kannst ja stattdessen padding-top verwenden.

17.06.2011 22:50

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]