frank mehlhop: divs werden nicht nebeneinander dargstellt

Hi,
wenn ich innerhalb eines div-Containers (width 1000px, height 1000px)
zwei divs darstelle (width 100px, heigt 100px),
dann sollten diese doch nebeneinander dargestellt werden?!

Bei mir werden diese aber untereinander dargestellt,
wie kann das sein?

In meinem Beispiel (Arbeisversion http://sylviana-richter.de/index.php)
meine ich speziell das Bild mit Einhorn und den Text "Zitat meines Zitates.".

Würde mich freuen, wenn mir jemand helfen kann, die divs nebeneinander zu positionieren.

Grüße! ;)

  1. Mahlzeit,

    Bei mir werden diese aber untereinander dargestellt,
    wie kann das sein?

    Dein <div id="logo"></div> hat die gleiche Breite wie der Container. Also völlig richtiges Verhalten ;)

    Dir sollte float helfen. Davon abgesehen ist eine Div-Suppe nicht wirklich optimal. Anstatt einer ID solltest du Elemente nutzen, die dafür gedacht sind, z.B. <nav/> für Navigation usw.

    --
    42
    1. Hi M,

      Dein <div id="logo"></div> hat die gleiche Breite wie der Container. Also völlig richtiges Verhalten ;)

      "logo" ist 140px und der container ist 920px.
      Ich weiß nicht, was du meinst?!

      1. float: left;

        DANKE! :)

    2. .. kann Dreamweaver glaub ich nicht ....

      1. Mahlzeit,

        .. kann Dreamweaver glaub ich nicht ....

        Und wo das Problem? DW ist zum Webseiten bauen ebenso ungeeignet wie der IE zum anzeigen.

        --
        42
  2. Hi,

    Hi, die Seite ist sehr schön, aber Du könntest Sie noch stark verbessern, wenn Du mal über responsive design ein bisschen liest. Ausreden zählen nicht (e.g. ist nur eine private Seite :)

    wenn ich innerhalb eines div-Containers (width 1000px, height 1000px)

    Das ist schlechte Praxis. Lass height ganz weg. Statt width nimmst Du max-width. Feste Breiten sind nicht gut.

    zwei divs darstelle (width 100px, heigt 100px),
    dann sollten diese doch nebeneinander dargestellt werden?!

    Nein, sollten sie nicht. Div's sind http://de.selfhtml.org/html/referenz/elemente.htm#block_elemente@title=Blockelemente.

    Cheers,
    Baba