div-element rechts neben aside-element platzieren

[bari]

Hallo MrMurphy besten Dank für deine Hilfe. Es funktioniert soweit (fast zufriedenstellend) alles.

warum hälst du uns den relevanten Teil vor? Wie sollen wir dir so helfen?

wenn jeweils wüsste, was relevant/nicht relevant ist... aber meintest du, die weiteren aside Konfigurationen, oder was vor dem aside steht?

Oder meintest du den Link zur website? hier

Wenn du unbedingt mit float arbeiten willst sehe ich zum Beispiel folgende Lösung:

      * {
         box-sizing: border-box;
      }
      aside {
         margin: 10px 0 0 0;
         padding: 0;
         float: left;
         width: 340px;
      }
      #content {
         margin: 10px 0 0 0;
         padding: 5px 20px 10px;
         border-radius: 2px;
         background-color: #330099;
         color: #cdc9c9;
         font-size: .9em;
         text-align: justify;
         line-height: 1.5em;
         letter-spacing: .1em;
         width: calc(100% - 340px);
         float: left;
      }

mit float nicht unbedingt. Habe zuerst den tipp von Sara mit inline-block probiert, doch das content element kam trotzdem unterhalb des aside-elements zu stehen. Vielleicht wäre diese Idee trotzdem interessant, weiter zu verfolgen.

Aber mit deiner Version: wie kann ich die border-bottom auf die Fotobreite (300px) begrenzen, oder besser automatisch anpassen? Vorher war das so (sieht man jetzt nicht mehr).

Gruss bari.