Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Cath" data-source="post: 1846386">Hallo Ich hoffe Ihr könnt mir bei diesem Anfänger Problem helfen. Ich möchte drei Kolonnen mit CSS und Divs erstellen. Leider fällt das letzte Bild immer aus dem Div Rahmen, wird zwar rechts platziert aber immer unter dem Rahmen. Die Pixel sind abgezählt. Wäre für einen Tip sehr dankbar. In der Folge mein Code:CSS:#content main {&nbsp; &nbsp; width: 944px;&nbsp; &nbsp; height: auto}#colonne main {&nbsp; &nbsp; width: 944px;&nbsp; &nbsp; height: auto}&nbsp; &nbsp; .left{float:left;width:302px;}.center{&nbsp; &nbsp; width:302px;&nbsp; &nbsp; padding-right:19px;&nbsp; &nbsp; padding-left:19px;&nbsp; &nbsp; margin: 0 auto;}.right{float:right; width:302px;}**********************HTML:&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content main&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Bienvenue&lt;/h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt; Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tem&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; por invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, conse&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tetur sadipscing elitr, sed diam nonumy &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;colonne main&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;col left&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/sothys1.jpg&quot; width=&quot;302&quot; height=&quot;155&quot; alt=&quot;sothys&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;col center&quot;&gt;&lt;img src=&quot;images/kleanthus.jpg&quot; width=&quot;302&quot; height=&quot;155&quot; alt=&quot;kleanthus&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;col right&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/waxen.jpg&quot; width=&quot;302&quot; height=&quot;155&quot; alt=&quot;suggaring&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;br clear=&quot;all&quot; /&gt;&nbsp; &nbsp;&nbsp; &lt;/div&gt;</blockquote>

[QUOTE="Cath, post: 1846386"] Hallo Ich hoffe Ihr könnt mir bei diesem Anfänger Problem helfen. Ich möchte drei Kolonnen mit CSS und Divs erstellen. Leider fällt das letzte Bild immer aus dem Div Rahmen, wird zwar rechts platziert aber immer unter dem Rahmen. Die Pixel sind abgezählt. Wäre für einen Tip sehr dankbar. In der Folge mein Code: CSS: #content main { width: 944px; height: auto} #colonne main { width: 944px; height: auto} .left{float:left;width:302px;} .center{ width:302px; padding-right:19px; padding-left:19px; margin: 0 auto; } .right{float:right; width:302px;} ********************** HTML: <div id="content"> <div id="content main"> <h2>Bienvenue</h2> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tem por invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, conse tetur sadipscing elitr, sed diam nonumy </div> <div class="colonne main"> <div class="col left"> <img src="images/sothys1.jpg" width="302" height="155" alt="sothys" /> </div> <div class="col center"><img src="images/kleanthus.jpg" width="302" height="155" alt="kleanthus" /> </div> <div class="col right"> <img src="images/waxen.jpg" width="302" height="155" alt="suggaring" /> </div> </div> </div> [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?