Align & CSS

[wangman]

hey ihr

in meinem css layout gibt es folgenden abschnitt:

#obenrechts {
padding:5px;
border-left-style:solid;
border-left-width:1px;
border-left-color:#eaebec;
background-color:#f3f3f4;
position: absolute;
height:100%;
top:50%;
margin-top:-50%;
max-width:20%;
margin-left:80%;
text-align:center
}


das ist eine kiste in die aus meiner db kurze texte reingeladen werden.

horizontal kann ich jene texte ausrichten.
vertikal gelingt es mir nicht
ich habe schon die verschiedensten methoden ausprobiert!

<div id="obenrechts">
dieser text lässt sich nicht ganz zentrieren
</div>



weiß jemand rat?

beste grüße

w

[Nightflyer]

#obenrechts{
position: absolute;
width: 200px;
height: 100px;
top: 50%:
left: 50%;
margin-top: -50px;
margin-left: -100px;
}

[wangman]

ehm vielen dank schonmal.
aber selbst wenn ich den : ändere in ein ;
und die px größen anpasse ist der text links oben als wäre nichts....

das verwirrt mich

es gibt ja anscheinend diverse methoden dazu aber bisher ist mir noch keine gelungen

trotzdem danke nochmal
p.s. das oben rechts ist noch in anderen divs drin. ich weiß nicht ob da der fehler liegt...

[webxvideo]

Zeig doch mal den ganzen Code.
Befindet sich der Container in einem weiteren Container mit position: relative?

[wangman]

html

<div id="container">
  <div id="oben">
    <div id="obenrechts">
      <div id="obenrechts2">
             sei zentriert
      </div>
    </div>
  </div>
</div>

css

#container {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:35em;
	width:45em;
	clear:left;
	background-color:#FFFFFF;
}
#container div {
	font-size:80%;
	float:right;
	width:17em;
}
#oben {
	position: absolute;
	height:18%;
	min-width:100%;
}
#obenrechts {
	padding:5px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#eaebec;
	background-color:#f3f3f4;
	position: absolute;
	height:100%;
	top:50%;
	margin-top:-50%;
	max-width:20%;
	margin-left:80%;	
}
#obenrechts2{
        position: absolute;
        width: 155px;
        height: 100px;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -77.5px;
}

bitte nicht verzweifeln ist mein erstes mal mit css.....

[tobee]

Ich würde nicht wahllos zwischen em, px, % usw. "rumspringen"

[Ahrsib]

So ein CSS ist eine eigene Welt,
die ich auch gerade kennenlerne.

Viel Hilfe zur Selbsthilfe finde ich hier:
SELFHTML: Stylesheets (CSS)
da kann man auch so manches „abschreiben”.

Und das hier:
CSS - XHTMLforum
ist aber schrecklich unübersichtlich:
Da muss ich jetzt das FF loben!-)

Ahrsib
... wünscht viel Durchblick!

[wangman]

okay, danke.

[webxvideo]

Die Prozentangaben beziehen sich immer auf das übergeordnete Div.
Das oberste Div bezieht sich auf die Höhe von Body. Die must Du auch angeben.

body, #container{
height: 100%;
}

Da div#oben nur 18% hoch ist, zentrierst Du jetzt div#obenrechts2 in den obersten 18% des Fensters.