Seite zeigt fein in Google Chrome und Internet Explorer, aber den gesamten Inhalt wird in Mozilla Firefox

Question

Ich entwickle diese Seite hier für einen Klienten von mir geschoben: http://test.bebiafricanhairbraiding.com/osa/index.html

ich ein Problem festgestellt habe, dass ich hatte nie wirklich vorher, IE funktioniert gut damit, sowie Google Chrome; Mozilla Firefox verschiebt jedoch den gesamten Inhalt auf der Startseite weit rechts von der Hauptseite.

Ich kann keinen Code wirklich zur Verfügung stellen, weil ich nicht wirklich feststellen kann, wo das Problem liegt, aber fühlen Sie sich frei, Quelle zu untersuchen und ein wenig herumzuschnüffeln. Ich kann einfach nicht herausfinden, warum Mozilla gerade die Kühnheit hatte, meine Hauptseite aus dem Fenster zu werfen ...

Danke, wenn Sie helfen können!

Answer 1

Ihre Tabelle wird von Ihrer Seite verschoben, fügen Sie einfach clear:both hinzu und sie wird sich korrekt platzieren.

<div id="cnbo"> 
<!-- InstanceBeginEditable name="Body" --> 
<table style="width: 100%; clear: both;"> /* here */ 
.... 

Answer 2

@Andres llich ist richtig. Aber ich würde es in das CSS selbst und nicht als Stil in die Tabelle einfügen.

#cnbo { 
font-family: "Arial",Times,serif; 
margin-top: 2px; 
text-align: left; 
width: 100%; 
word-wrap: break-word; 
clear: both; 

}