Probleme mit Firefox-totale Zerstückelung des Aufbaus

[Mfeelgood65]

Halloo..
ich habe ein Problem mit dem Firefox Browser. Ich habe eine Homepage erstellt, und dieser Teil wird von Opera sowie dem Internet Explorer richtig dargestellt. Nur Firefox macht total komische Sachen daraus. Ich habe eine unsorted list erstellt, um 2 Kästen untereinander zu formatieren. Sie sollen untereinander rechts neben meinem Inhalt erscheinen. Pro Listeneintrag soll ein Feld erstellt werden, wo ein Bild und eine Bildunterschrift mit Link enthalten ist. Internet und Firefox machen dies auch sehr schön, nur firefox beendet die <div>s optisch viel zu früh, sodass das Bild und der Text total komsich und nicht in dem Feld stehen.
Ich finde einfach den Fehler nciht und ich habe auch mal gar keine Ahnung wieso das so aufgebaut wird, weil ich ja eigentlich die Sachen alle in das div geschachtelt hat. Naja ich hoffe hier kann mir vielleicht jemand helfen.

Der HTML Code

 <div class="Columns">
              <div class="column">
                  <p id="Bild"><img src="SoSessel1.png" alt="Bild"></p>
                  <p id="Beschreibung">Beschreibung zum Bild, Nää wie ist dat schön, will man direkt kaufen, alles super, Jippie Her damit, Ich will Infos!</p>
                  <p id="LinkunterBild"><a href="#">Mehr...</a></p>
              </div>
              
              <div class="column">
                <p id="Bild"><img src="SoSessel1.png" alt="Bild"></p>
                <p id="Beschreibung">Erfüllen Sie sich jetzt einen neuen Wohntraum und sparen Sie noch dabei mit unseren Sonderangeboten</p>
                <p id="LinkunterBild"><a href="#">Mehr...</a></p>
              </div>
        </div>
      <div class="clear"></div>

Und das zugehörige CSS (der CSS Validator findet keinen FEhler, aber naja):

.Columns{
          float:right;
             
}
.column {
        background-color:white;
        border-style:none;
        border-color:black;
        border-width:3px;
        width:150px;
        height:auto;
        padding:3px;
        margin-bottom:20px; 
}
.column #Bild{
              margin-bottom:3px;
              float:left;
              margin-right:3px;
              margin-top:0px;
}
.column #Bildunterschrift{
              float:right;
              font-size:9pt;
              text-decoration:overline;
              margin-top:0px;
              text-align:right;
}       
.column #Beschreibung{
              text-align:none;
              margin:0px;
              float:right;
}
.column #LinkunterBild {
              text-align:center;
}

Danke im Vorraus

 

[prm]

Du verwendest u.a. gleichlautende ID's mehrfach, so z.B. "Linkunterbild" und "Beschreibung".
ID's dürfen auf einer Seite nur einmal vorkommen.
Außerdem ist dein Quelltext sehr unübersichtlich, da du sehr viele Div's benutzt, die nicht erforderlich sind.
Sieh dir mal hier Nr. 6 an, vielleicht hilft dir das weiter: Text zu Bildern anordnen

 

[Mfeelgood65]

Hey, vielen Dank!
Hab die Sachen geändert, also habe zuerst die Ids in Klassen umgewandelt und habe nach dem Beispiel die divs direkt mit Style Anweisungen formatiert, hat aber auch nicht geklappt. Das obere Div ist um die beiden Flächen nach rechts zu floaten, und die eingeschachtelten sollen die Felder darstellen, ich weiß nicht welchs man da weglassen könnte?! Wenn ich das äußere weglasse, stehen die Felder nicht untereinander neben meinem Inhalt, sondern das eine Feld steht unten drunter rechts.
Firefox zeigt die beiden Felder so an, dass der Hintergrund viel zu kurz ist, das Bild darüber hinaus geht, der Text irgendwo untendrunter steht, dann unter dem Text schon wieder der nächste HIntergrund ist, dann ganz unten drunter das nächste Bild und der nächste TExt. Nur die Links stehen in den Feldern. Ich versteh einfachnicht wieso das so komisch interpretiert wird von firefox. Opera und Internet Explorer zeigen das ja richtig an. Das Problem ist dass ich nciht raffe, wieso für firefox meine Felder schon zuende sind und das Bild daraus läuft. weil das Bild ja in meinem Feld dem div ist...

 

[Efchen]

ich habe ein Problem mit dem Firefox Browser.

So ähnlich wird Firefox über Dich denken.

Nur Firefox macht total komische Sachen daraus.

Wenn man Firefox mit unsinnigen Sachen füttert, kommen meist auch unsinnige Sachen bei raus.

Ich habe eine unsorted list erstellt, um 2 Kästen untereinander zu formatieren.

Wo soll die sein? In Deinem Code ist keine. Oder hab ich Tomaten... ;-)
Aber man verwendet Listen nicht, um 2 Kästchen untereinander anzuordnen, sondern um eine Liste auszuzeichnen, sprich einen Inhalt als Liste zu definieren. Ein Menü z.B. ist eine Liste, oder die Zutaten zu einem Kochrezept.

ich habe auch mal gar keine Ahnung wieso das so aufgebaut wird, weil ich ja eigentlich die Sachen alle in das div geschachtelt hat.

Das ist wahrscheinlich Dein Problem. Du weißt schon nicht, wozu HTML da ist, wendest es dementsprechend falsch an und hoffst dann, dass das CSS oben drauf mit dem HTML-Code klar kommt.

Außerdem brauchst Du in Deinem Code einen HTML-Header und einen Doctype, der die Browser in den Standards Mode versetzt, nur dann werden Darstellungsunterschiede minimiert.

Und das zugehörige CSS (der CSS Validator findet keinen FEhler, aber naja):

Aber der HTML Validator findet Fehler. CSS funktioniert nur mit sinnvollen und fehlerfreiem HTML-Code als Basis und im Standards Mode.

Gruß,
-Efchen

 

[Mfeelgood65]

Ja da hast du wohl Recht, ich bin blutiger Anfänger.. Und ich hatte schon wieder vergessen dass mir aufgfallen ist dass ne unsorted list ja nich so ganz das Wahre ist. Sorry! ;-)
Aber es wäre schon sehr nett von firefox wenn es genau wie die andern beiden meine Fehler einfach ignorieren würde ;ugl.
Ich habe eine Doc Typ und einen head, das hab ich nur nicht alles hier rein kopiert. Ich habe echt keine Ahnung, wieso das so zustande kommt, ich hab gehofft, vielleicht wäre es ein total offensichtlicher anfänger fehler, den mir jemand zeigen kann. Habe leider auch ncihts gefunden in einem Forum...

 

[Efchen]

Wie wärs, wenn Du mal nen Link zur Seite anbringst?

 

[Mfeelgood65]

Yeah

Hallo... Ich habe den Fehler gefunden, jetzt ist alles so wie es sein sollte und firefox und ich haben den krieg beendet. Danke nochmal!