[CSS] DIV Feld zentrieren

[zero180]

Hallo zusammen

wollte mal fragen ob mir einer von euch sagen kann wie ich per CSS einen DIV Feld zentrieren kann??

mein problem ist dass ich zwei verschachtelte Tags habe:

<div id="body">
        <div id="banner">
	<img src="images/banner.gif">
        </div>
</div>

ich kann aber immer nur den inneren zetrieren, und dass auch nur wenn ich den ersten Tag auf fensterbreite vergrössere

hoffe ihr könnt mir da weiterhelfen

hier mein CSS Code:

#body {
	border: thick ridge #909090;
	width: 800px;
	height: auto;
	position: static;
}

#banner {
	position: static;
	width: 800px;
	height: auto;
	position: fixed; 
}

 

[value]

entweder <div align="center">

oder du positionierst die relativ und gibts einfach die abstände an

 

[BennyB]

margin-left:0; margin-right:auto; = linksbündig ausrichten (Voreinstellung).
margin-left:auto; margin-right:auto; = zentriert ausrichten.
margin-left:auto; margin-right:0; = rechtsbündig ausrichten.

 

[zero180]

mit align="center" funzt es nicht das hab ich auch schon ausprobiert

das mit dem positionieren ist so ne sache, da kann ich nicht sicher sein dass bei allen besuchern alles wirklich mittig dargestellt wird

das mit dem margin hab ich auch schon ausprobiert, funzt auch nicht, weil es eine verschachtelung ist!!

 

[BennyB]

http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/

Da sollte es stehen ... ?

Edit: Also die Methode mit den Margin-Eigenschaften funktioniert zumindest in Opera, wenn man die Breite der Div-Ebene festlegt. Denn sonst ist diese ja so breit wie die Seite und dann erübrigt sich eine Positionierung. Den Inhalt zentriert man ja mit text-align:center; .

 

[zero180]

hab das problem so gelöst das ich einen nicht sichtbaren div noch drum gemacht habe, und dessen inhalt hab ich dann zentriert, die methode funzt bei allen browsern

danke an alle die mir geholfen haben

 

[zero180]

wo ich gleich dabei bin, kann mir einer von euch sagen wie ich einen automatischen zeilenumbruch mit CSS machen kann
(sorry wenn ich euch auf die nerven gehe )

 

[Loopo]

die Zeile wird doch automatisch umgebrochen, sobald die maximale Breite erreicht wurde

und einen manuellen Zeilenumbruch erhält man mit <br />

 

[zero180]

hmm, aber bei mir vergrössert sich das div feld, es sprengt die max grösse!!!

(und das mit dem <br/> weiss ich auch, aber ich wills in CSS realisieren )

 

[PuppetMaster]

Hat das Feld ne feste Breite (width:350px; oder so)?

 

[zero180]

ja hab die breite in px definiert

 

[Loopo]

was ist denn der Inhalt? wenn der größer ist, wird es sich ausdehnen

 

[zero180]

ist nur text

schaut euch einfach mal den code an

#inhalt {
	background-color: #FFFFFF;
	width: 618px;
	height: auto;
	float: right;
	margin-right: 21px;
}