div mit css in die mitte platzieren

[swat]

hab jetzt nochmal eine frage zu den containern.
nochmal diese seite ->
http://mregon.mr.funpic.de/HTML/test/index.html
das menu ist links und ich will einfach nur allgemein wissen, wie ich mit css die div und ihren inhalt zentriert ausrichten kann !?

 

[minimammut]

standardkonform sollte das mit

margin:auto

gehen.
Geht aber im IE nich. Der wendet dafür

text-align:center

auch auf block level elemente (also auch divs) an.
Also für den Umschließenden Bereich

text-align:center

 

[swat]

ich hab margin: auto; und text-align: center; in die css eingefügt und im html-code:

<div class="mainmenu">
<img src="bilder/div_top_m.png" style="width: 589px; height: 30px; border: 0px; float:left;">
<img src="bilder/div_top_s.png" style="width: 208px; height: 30px; border: 0px; float:left;">
</div>
<div>
<img src="bilder/div_back_m.png" style="width: 589px; height: 18px; border: 0px; float:left">
<img src="bilder/div_back_s.png" style="width: 208px; height: 18px; border: 0px; float:left;">
</div>
<div>
<img src="bilder/div_bottom_m.png" style="width: 589px; height: 30px; border: 0px; float:left;">
<img src="bilder/div_bottom_s.png" style="width: 208px; height: 30px; border: 0px; float:left">
</div>

und .mainmenu ...

.mainmenu {
margin:auto
text-align: center;
}

trotzdem bleibt es im ff und ie links !?
was gibt es noch für möglichkeiten?

 

[N43]

Hallo,

bei den img-Tags wird kein float benötigt, die sind auch so schon nebeneinander. Wenn man die float Angabe entfernt funktioniert es.


N43

 

[swat]

bist du dir da sicher? bei mir wird es nicht nur links angezeigt, sondern auch noch mit lücken dann dazwischen :shock:
was gibt es denn noch für möglichkeiten :(

 

[NetzSchleicher]

Ganz einfach. Für den IE machste ne Exception für das Body-Tag

* html body {
text-align:center;
}
/* IE zeigt nun alle Divs im Body zentriert an */

* {
text-align:center;
}
/* Jeder Text wird linksbuendig ausgerichtet, aber IE Body wird nicht überschrieben. */

div.zentriert {
margin:auto;
}
/* Für andere Browser noch zentriert. */

 

[matibaski]

MAch's so..
Wie ich*

<style type="text/css">
#ganzes div {
/* Was weiss ich.. */
text-align:center;
}

#zentriert {
margin-left:auto;
margin-right:auto;
}
</style>

<div id="ganzes div">
 <div id="zentriert"></div>
</div>

Oder so:

<style type="text/css">
div {
margin-left:auto;
margin-right:auto;
}
</style>

MfG, matibaski

 

[swat]

ah shit, ich hab vergessen zu sagen, dass 2 grafiken nebeneinander angezeigt werden sollen!
so wie es jetzt ist siehts so aus ->
http://mregon.mr.funpic.de/HTML/test/index.html

ich bin gerade nahezu am verzweifeln. es muss doch eine möglichkeit geben zwei grafiken nebeneinander in die mitte zu platzieren. erst kommt die erste grafik in die mitte und die zweite grafik direkt daneben soll sie dann entsprechend ihrer größe nach rechts schieben.
was mich auch wundert, dass nicht alle 6 grafiken in der mitte sind.
es ist zum haare rausreißen.
ich brauche dringend hilfe!

 

[matibaski]

Bei der Grafik, die Links sein soll, einfach diesen CSS-Sytlesheet hinzufügen:

float:left;

MfG, matibaski