Daniel: Element ist nicht dort wo es sein soll

Hallo zu später Stunde!

Folgendes:
Ich habe hier ein externes Stylesheet, wo 3 Bereiche dargestellt werden. Der erste ist oben und 700px breit. Darunter soll ein Menü an die linke Seite. Soweit so gut. jetzt möchte ich aber das dritte Element neben das Menü packen. Benutze float: left; aber das funktioniert nicht.

Schaut euch das bitte mal an:
http://www.pixelonline.de/everybody/html_version.html

Hier das Stylesheet dazu:
http://www.pixelonline.de/everybody/style.css

Danke

  1. Nimm Border raus, dann geht es.
    Dasliegt daran, dass das Element mit den Bordern zu breit ist (also > 700 px). Ich dachte zwar, dass der Moz das Boxmodell beherscht, aber ich hatte das gleiche Prob auf jonathan-glaschke.de/index.php.

    Gruß,
    Jonathan

    1. hi,

      Nimm Border raus, dann geht es.
      Dasliegt daran, dass das Element mit den Bordern zu breit ist (also > 700 px). Ich dachte zwar, dass der Moz das Boxmodell beherscht, aber ich hatte das gleiche Prob auf jonathan-glaschke.de/index.php.

      eben, und _weil_ der mozilla das boxmodel beherrscht, berechnet er die breite, die ein element einnimmt, als margin + border + padding + width.

      gruß,
      wahsaga

      --
      "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
  2. Tachchen!

    So wie ich das sehe, bist du bei deinen Definitionen von #menue und
    #datenfeld einfach durcheinander gekommen.

    Austauschen, Größen anpassen, margin für #datenfeld definieren - fertig! ;-)

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    http://www.smartbytes.de
  3. Hallo.

    Benutze float: left; aber das funktioniert nicht.

    Dann benutze eines mehr, nämlich auch bei "#menue"
    MfG, at

    1. Danke für die schnellen Antworten!
      Die Lösung "at" war die richtige.
      Habe das Float im flaschen Element gesetzt.

      1. Ich meinte natürlich "falschen"...sorry
        ist schon spät.
         ;)