Forum
Tipps
News
Menu-Icon

CSS Spaltenlayout

Hallo,

ich habe scheinbar ein Verständnisproblem bezüglich CSS oder mir fehlen die richtigen "Befehle"...

Ich möchte in einem Div-Container links ein Bild platzieren und rechts daneben Text.
Versuche ich das ganze aber per

<img src="..." style="float:left">
Text
Text
passt sich der Rahmen zwar dem Text an, aber das Bild steht über.
Die einzige Möglichkeit, die dann funktioniert hat ist, wenn ich dem Rahmen eine feste Höhe gebe, die Bilder sollen aber austauschbar sein und daher würde ichs gern flexibel lösen.

Hat da jemand Erfahrungen?

Gruß Spawn

PS:
Hier vielleicht nochmal der komplette Quelltext:
<div style="text-align: center; border: 2px ridge black; padding: 0.3em;">
  <img src="./img/angebote/Kantstr36.jpg" style="float:left;">
  <p>Wohnung zur Miete<br><br>
  Kantstraße 36 in 04275 Leipzig/Süd<br>
  4 Raum, 114,96 m²<br>
  Altbau saniert<br>
  2.OG links<br>
  Balkon, Parkett, Bad mit Fenster + Wanne und Dusche</p>
</div>

Antworten zu CSS Spaltenlayout:

und warum machste nicht einfach ne tabelle ?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Weil ich doch keine Tabellen mag ;)

Naja, habe bis jetzt immer alles mit Tabellen gemacht und da es ja immer heißt: "Tabellen sind keine Layout-Hilfen", dachte ich mir, diesmal verzichte ich komplett drauf. Stimmt schon, jetzt war ich so versessen drauf, dass mir gar nicht eingefallen ist, dass es die ja auch noch gibt, aber gibt es nicht auch einen Weg ohne Tabellen?

stimmt wohl...tabellen sind auch keine layouthilfen...aber für eben diesen zweck unheimlich praktisch...und man kann ja mal ne ausnahme machen...

mit div wüsst ich jetzt so nicht...außer das was du schon hast

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,
ich weiß gar net was du hast, funktioniert doch so wie du es gepostet hast, das bild und der Text sind innerhalb einem Rahmen, so wie du es wolltest, das bild steht weder überhalb noch unterhalb noch ragt es über den rand hinaus

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Bei mir nicht. Weiss nicht mit welchem Bild Du getestet hast, aber der Rahmen richtet sich bei mir immer nach dem Text. Wenn das Bild also kleiner ist, als der Text, ist alles super. Wenn das Bild aber "höher" ist, steht es unten über.
Oder benutzt Du einen Browser, der das selbst zurechtbiegt? Ich habs im IE und Firefox getestet.
BTW: @top: Danke für den Link, den hatte ich schonmal durchforstet und sehr viele nützlche Infos gefunden, leider aber nicht speziell zu diesem Problem.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi,

  • da isses noch etwas genauer beschrieben :


http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Cool, danke. Das sieht überaus nützlich aus!


« TS2Chat »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
CSS
CSS ist die Abkürzung für Cascading Style Sheets, eine Beschreibungssprache im Internets, die für die visuelle Gestaltung von Webseiten verantwortlich ist....

Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...

Bildschirmschoner
Der eigentliche Sinn des Bildschirmschoners ist, den Bildschirm vor dem Einbrennen des Monitorbildes zu schützen.Während das bei neueren Monitoren (außer ...