<div> in <div> firefox

[Caesar]

hi, ich möchte in Firefox ein <div> in einem <div> anzeigen, sodass das 2. div in dem ersten angezeigt wird. ich habe das jetzt in HTML so gemacht:

<div>
  <div></div>
</div>

in opera und IE wird das auch richtig dargestellt nur in Firefox und Safari und so falsch. Da ragt das 2. div über das erste hinaus.

Was kann ich tuen?
bitte helft mit
danke schonmal im voraus

Caesar

[Christoph Schnauß]

hallo,

<div>
  <div></div>
</div>

Sowas ist prinzipiell möglich, die Frage ist aber, warum du das machen möchtest.

in opera und IE wird das auch richtig dargestellt nur in Firefox und Safari und so falsch.

Vermutlich ist es genau andersherum: IE und Opera "übersetzen" eine fehlerhafte Vorgabe so, daß das, was wahrscheinlich gemeint ist, herauskommt, die anderen machen es richtig.

Da ragt das 2. div über das erste hinaus.
Was kann ich tuen?

Du könntest deine CSS-Angaben nachliefern. Schließlich hast du ja als Topic CSS gewählt, aber von CSS noch gar nichts angegeben.

Grüße aus Berlin

Christoph S.

[Caesar]

stimmt, das könnte ich ma machen ;-) also hier:

das is der kasten, in den die anderen divs rein sollen.

#inhaltskasten {
      background-color: #FFFFFF;
      color: #000000;
      font-family: sans-serif;
      font-size: 0.9em;
      width: 95%;
      margin-top: 3%;
      margin-left: 2.5%;
      text-align: left;
}

Dies ist ein Kasten, der in den vorherigen rein soll:

#main {
         padding: 1em 0em 1em 0em;
         margin: 1em 0 2 2em;
         background-color: #ffffff;
         float: left;
         width: 65%;
         text-align: justify;
}

[wahsaga]

hi,

Dies ist ein Kasten, der in den vorherigen rein soll:

#main {
         ...
         float: left;

Durch das float hast du dieses Element aus dem Fluss genommen - es beeinflusst also die Maße seines Vorfahrenelementes nicht mehr.

"Lösung": Hinter das gefloatete Elemente noch ein weiteres (Block-)Element setzen, welches mittels clear das Floating wieder aufhebt; oder das Vorfahrenelement selber ebenfalls floaten lassen.

gruß,
wahsaga

[Caesar]

danke, ihr seid die besten, ihr habt mir wirklich sehr geholfen,

DANKEEE

[Christoph Schnauß]

hallo,

stimmt, das könnte ich ma machen ;-)
#inhaltskasten

Darin bestimmst du Ränder (margin) mit Prozentangaben

#main

Und hier nimmst du als Maßeinheit em.

Benutze in beiden "Kästen" dieselben Maßeinheiten

Grüße aus Berlin

Christoph S.

[Cornelia Diefenbach]

Auf jeden Fall musst du mit Breitenangaben - auch in % möglich -arbeiten. Dann den padding(Innenabstand) und margin (Abstand nach aussen) definieren für jede Box.
Cornelia

hi, ich möchte in Firefox ein <div> in einem <div> anzeigen, sodass das 2. div in dem ersten angezeigt wird. ich habe das jetzt in HTML so gemacht:

<div>
  <div></div>
</div>

in opera und IE wird das auch richtig dargestellt nur in Firefox und Safari und so falsch. Da ragt das 2. div über das erste hinaus.

Was kann ich tuen?
bitte helft mit
danke schonmal im voraus

Caesar

[Caesar]

das habe ich jetzt gemacht, das macht aber immer noch keinen unterschied.