[clyde²]

Hi Leute ich bekomm schon graue Haare, weil ich einfach nicht weiter komme.

Ich möchte einen Bereich im <div> in der Mitte des Browsers angezeigt haben aber trotzdem angeben können, wieviele Pixel unter dem oberen Rand (Top) das Teil angezeigt werden soll.

Wie bewerkstellige ich das?

div#oben{
	position: absolute;
	width: 1002px;
		height: 135px;
		background-color: #CC6600;
		border: solid 1px #000000;

}

<div id=oben>
<img src="files/image/banner.jpg"
 </div>

[[Elite-|-Killer]]

Zitat (clyde²: 20.05.2007, 14:33)

Hi Leute ich bekomm schon graue Haare, weil ich einfach nicht weiter komme.

Ich möchte einen Bereich im <div> in der Mitte des Browsers angezeigt haben aber trotzdem angeben können, wieviele Pixel unter dem oberen Rand (Top) das Teil angezeigt werden soll.

Also verstehe ich es richtig, du willst es nur horizontal zentriren, aber nicht vertikal?

Zitat

Wie bewerkstellige ich das?

div#oben{
    position: absolute;
    width: 1002px;
        height: 135px;
        background-color: #CC6600;
        border: solid 1px #000000;

}

Hier sehe ich nicht mal den Ansatz, dass du es irgendwie zentrierst

Zitat

<div id="oben">
<img src="files/image/banner.jpg" alt="irgendwas" />
</div>

Ansonsten: http://css.fractatul...yout4format.htm

Dieser Beitrag wurde von [Elite-|-Killer] bearbeitet: 20. Mai 2007 - 15:45

[clyde²]

Richtig, soll horizontal zentriert werden, dass Problem liegt nur darin, dass ich es nicht schaffe einen Bereich zu zentrieren (text-align:center;) und gleichzeitig eine TOP Angabe zu machen, denke mal das da irgendwo zwei angaben nicht gleichzeitig miteinander können...

div#oben{
	position: absolute;
		text-align:center;
		top: 120px;
}

[Witi]

Guck dir das mal an:

div#oben { margin: 10px auto; margin-top: 120px; border:1px solid red;width: 1000px; text-align:center }

[clyde²]

Danke, konnt das Problem anderweitig lösen^^

[Tea Ar Äss]

Wie denn?

Tea Ar Äss

[clyde²]

#rand
   {
   margin-left: -260px;
   position: absolute;
   top: -130px;
   left: 50%;
   width: 520px;
   height: 400px;
   border: solid 1px #000000;
   }

Dieser Beitrag wurde von clyde² bearbeitet: 16. Oktober 2007 - 16:34