Überlagerung von Div Elementen

[Yuri]

Hi Leute,

ich habe mir euer mehrspaltiges CSS Layout mit Kopf und Fusszeile ein bischen verändert. Leider überlagern sich im Firefox die Elemente.

Meine CSS Datei:

body {
    color: #CCCCCC;
    font-size: 100.01%;
    font-family: Verdana,Arial,Helvetica;
    margin: 0; padding: 1em;
    mind-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    text-align: center;
    background: url(hintergrund.gif);
    align: center;
  }

div#Seite {
    text-align: center;
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    padding: 0;
    background: #666666 repeat-y;
    width: 760px;
  }

ul#Navigation {

float: left; width: 9em;
    padding: 3px;
    border: 1px dashed silver;
    background: #666666;
    margin: 0 0 0em;
  }

div#Info {
    float: right; width: 10em;
    padding: 6px;
    border: 1px dashed silver;
    background: #666666;
  }

div#Inhalt {
    margin-left: 9em;
    margin-right: 10.2em;
    padding: 3 3px;
    border: 1px dashed silver;
    background-color: #666666;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }

p#Fusszeile {
    clear: both;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #666666; border: 1px solid silver;
    border: 1;border-color:414141; border-style:solid; border-width:1px
  }

Kann mir jemand sagen wie ich die Elemente auch im Firefox nebeneinander ausrichte, wie im IE gegeben?

[Goggo]

Leider überlagern sich im Firefox die Elemente.

Meine CSS-Datei:

… enthält Fehler.

body {

mind-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */

min-width, nicht mind-width.

div#Seite {

background: #666666 repeat-y;

Kein Fehler, aber repeat-y ist sinnlos, wenn kein Bild angegeben ist, das zu wiederholen wäre.

div#Inhalt {

padding: 3 3px;

3 was? Kartoffeln, Hühner, Eier?

p#Fusszeile {

border: 1px solid silver;
    border: 1;
    border-color:414141;
    border-style:solid;
    border-width:1px

Und ein ganzes Sammelsurium: Wieder keine Einheit, 414141 ist keine Farbangabe (#414141 schon) und warum wiederholst du die Angaben aus Zeile 1 in Zeile 2 bis 4, die Rahmenbreite steht sogar dreimal da. Kann es sein, dass du dich mit dem Code gar nicht befasst hast?

Kann mir jemand sagen wie ich die Elemente auch im Firefox nebeneinander ausrichte

Abgesehen von obigem sollte der Code funktionieren, jedenfalls sind die notwendigen Angaben vorhanden und richtig (jeweils float und width bei ul#Navigation und div#Info, entsprechende Außenabstände bei div#Inhalt).

Eine Beispielseite, an der sich das Problem begutachten lässt, wäre möglicherweise hilfreich.

[Yuri]

Ah danke für die Hinweise.

Kann mir auch jemand sagen, wie ich die Abstände der Elemten zueinander definieren kann und mir so die Angaben für den Abstand des Inhalsbereich spaaren kann?

[ChrisB]

Hi,

Kann mir auch jemand sagen, wie ich die Abstände der Elemten zueinander definieren kann und mir so die Angaben für den Abstand des Inhalsbereich spaaren kann?

Wenn du dir http://de.selfhtml.org/css/eigenschaften/ anschaust, sieht du da zwei Kapitel, die sich offensichtlich mit Abstaenden beschaeftigen - welche Fragen bleiben denn danach bitte noch offen?

MfG ChrisB