Div zentrieren

[Gelöschtes Mitglied 3007]

Nun bitte nicht lachen wenn ihr diesen Titel seht aber ich habs satt!
Bin heute und morgen krank geschrieben und da dachte ich mir das
ich mal eben schnell ein kleines Forum bastel. Dafür hab ich mir nochmal
schnell die neuste Mootools Version geladen und wollte loslegen.

hier mein code

css:

.infobox {
    margin: 0 auto;
    width: 300px;
    background-color: black;
    text-align: center;
    border: 2px solid #9FD4FF;
}

html:

<div id="item" class="infobox">huhu</div>

Ich versuche seit knapp 2 Stunden den Div zu zentrieren aber er
will wohl nicht. Nicht im FF nicht im IE.

Hier nochmal die Online vorschau.

Wenn mir jemand sagen könnte was ich falsch gemacht habe währe ich echt dankbar... -.-' :'(

MFG Miah

//Edit: Ich habe gerade gemerkt das es an Mootools liegt kann mir aber nicht erklären warum
also wenn jemand weiß wie ich die box zentriert kriege obwohl ich sie ein und ausblenden will
dann möge er mir das bitte sagen ^^ möchte nähmlich nur ungern drauf verzichten

 

[threadi]

Entferne mal den xml-Prolog

<?xml version="1.0"?>

Der lässt den IE in den Quirks-Modus springen wodurch diese Art Zentrierung bei ihm nicht mehr funktioniert.

 

[Gelöschtes Mitglied 3007]

danke für den tipp allerdings ist mir der IE egal... selber schuld wer den benutzt ;) (allerdings nur bei privaten projekten xD)

das problem bleibt aber egal ob Quirks-Modus oder nicht ;)

 

[karstenHH]

bin leider sehr wenig php begabt, aber wenn du das teil als .html speicherst dann funzt es

 

[threadi]

Ah, jetz weiß ich was du meinst. Schau dir die Seite mal mit dem Firebug im Firefox an. Da siehst Du das eines der Scripte ein dem div "margin: 0px;" setzt. Das kannst du aber wieder übergehen indem du bei der Klasse .infobox

margin: 0px auto !important;

schreibst. Alternative wäre nur noch das Script rauszuschmeißen was das verursacht.

 

[neuroleptika]

..Alternative wäre nur noch das Script rauszuschmeißen was das verursacht.

Oder eine weitere klasse/id benutzen die nicht vom Script verändert wird:
html:

<div id="huhu">
<div id="item" class="infobox">huhu</div>
</div>

css:

#huhu {
margin: auto;
width: 300px;
}

Funktioniert zumindest.

Änderung:
Ich habe !important im firefox web-developer ausprobiert:

[COLOR=Black].infobox {
            margin: 0 auto !important;
            width: 300px;
            background-color: black;
            text-align: center;
            border: 2px solid #9FD4FF;
        }[/COLOR]

Es funktioniert.

 

[Gelöschtes Mitglied 3007]

ok ich bin jetzt auch daauf umgestirgen einen div um alles zu machen damit es zentriert wird aber gefallen tut es mir nicht...

währe also immernoch nett wenn mir jemand der sich mit mootools auskennt hilft