div mit css in die mitte platzieren

html.de-Forum HTML, XHTML & CSS
1

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 !?

2

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

3

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


und .mainmenu …

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

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

4

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

5

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 :frowning:

6

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

[code]* 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. */[/code]

7

MAch’s so…
Wie ich*

[code]

#ganzes div { /* Was weiss ich.. */ text-align:center; } #zentriert { margin-left:auto; margin-right:auto; }
[/code] Oder so: [code] div { margin-left:auto; margin-right:auto; } [/CODE]

MfG, matibaski

8

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!

9

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

float:left;

MfG, matibaski