Positionierung des Codes relevant?

[xcpt]

Aloha!

Ich bin vor ein paar Tagen auf den Geschmack gekommen HTML, CSS, java script und bissel mehr zu lernen.
Als Lerngrundlage hab ich Learn to code | Codecademy weil dor alles sehr angenehm erklärt wird und man gleich mit learning by doing geprüft wird.

So, nun aber zu meinem Problem:
Ich hab mich gefragt, ob es einen Unterschied macht wo der code genau steht (also in den Klammern is mir schon klar! :) ).

Ich hab in meinem sheet nämlich das drin:

#navbar {
    width:75%;
    height:2em;
    background-color:#DCDCDC;
    margin:0px auto;

Hier geht es hauptsächlich um die Zentrierung; Ich bin auf speichern gegangen, hab den Browser aktualisiert und es passierte genau nix. Die Box wollte sich net zentrieren.
Kam mir etwas komisch vor, weil ich zwei andere boxen auch schon so zentriert hab. Ich hab mich nun 10 Minuten damit beschäftigt eine Lösung auf Google zu suchen, aber es scheint so zu müssen.
Dann hab ich kurzerhand den 'margin'-Befehl rausgelöscht und an einer anderen Steller wieder reinkopiert und zwar so:

#navbar {    
    margin:0px auto;
    width:75%;
    height:2em;
    background-color:#DCDCDC;

Siehe da es funkioniert plötzlich und das Sch*-Ding zentriert sich!
Nun kommt mir die Frage auf an was das liegen kann, dass ich 10 Minuten meines Lebens verschwendet hab um einen Fehler zu beheben den es nicht gibt?

Vermutung 1 war, dass es an der Position des Codes liegt. Gibts da ne Prioritätenliste oder sowas?

Vermutung 2 ist, dass es villeicht am Editor liegen kann. Ich benutze den Online-Editor von Cloud 9. Hat jemand mit dem schon Erfahrung oder ein ähnliches Problem gehabt? Was könnt ihr so an Online-Editoren empfehlen?

LG,
Chris

 

[threadi]

Vermutlich hast Du irgendwo einen Syntaxfehler - entweder im HTML- oder CSS-Code. Oder in beidem. Vlt. fehlt dir auch ein Doctype im HTML-Code, was auch ein Fehler wäre. Ohne Link zur Seite kann man das nicht beurteilen.