Falsche Darstellung im Firefox

[AlFu]

Hallo,
ich bin noch blutiger Anfänger mit HTML und CSS.

Ich habe ein bisschen rumgebastelt und wenn ich mir meine Seite mit dem Editor anzeigen lasse, klappt alles super. Auch wenn ich die .html mit IE öffne, siehts gut aus.

Wenn ich jedoch mit dem FF öffne, ist das nicht der Fall.

Ich habe oben 2 Streifen unterschiedlicher Farbe und habe definiert, wie groß die sind.
Im FF sind die Streifen jedoch wesentlich dünner (und dazwischen ein weißer Streifen, der nicht dort sein sollte) und die Schrift, die ich darauf plaziert habe, steht auch an der falschen Stelle.

Muss ich noch etwas bei der Positionierung beachten? Oder bei der Größenangabe?

Wenn ich ins falsche Forum geschrieben habe, dann Entschuldigung, ich wusste nur nicht, ob das zum HTML oder CSS-Forum gehört.

Vielen Dank schonmal für alle Antworten!!!

 

[xXxPeterPanxXx]

Erstmal willkommen Forum.

Beim Problem können wir dir ja nur schlecht helfen ohne den code oder ein Link zu deiner Website können wir nichts machen.

 

[AlFu]

Danke für die schnelle Antwort.

Also das ist der Code für den oberen Streifen:

#nav{
  background-color: #4D4D4D;
  color: #29ABE2;
  font-size: 100%;
  width: 900 px;
  height: 55 px;
}

Und das für den unteren und dem Text darauf:

#it{
  background-color: #0071BC;
  color: #FFFFFF; 
  font-size: 16pt;
  width: 900 px;
  height: 90 px;
  
}

#it ul{
  margin-top: 50px;
  margin-left: 650 px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

 

[prm]

Entferne mal überall das Leerzeichen zwischen Wert und Einheit.
Also nicht

90 px;

sondern

90px;

 

[AlFu]

Ok, es ist jetzt schon besser geworden. Aber es ist immer noch ein weißer, nicht gewollter Streifen zwischen den beiden.

 

[threadi]

Ohne Link zur Webseite ist das nur ein Ratespiel.

Kleiner Tipp: validiere deinen HTML- und CSS-Code beim W3C um zu sehen, ob du überhaupt noch richtige Fehler im Code drinne hast. So hättest Du das mit dem überzähligen Leerzeichen auch selber schon bemerkt gehabt.

 

[prm]

Dann rate ich nochmal (habe meine Hellseherkugel gerade geputzt):

Hast du in einem div ein img eingefügt?
Falls ja, könnte das helfen: Lücke am unteren Bildrand
(tritt aber eher im IE auf, von daher: vermutlich falsch geraten, also doch besser Link einstellen)