CSS // Fehler – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self?srt=yes CSS // Fehler Fri, 08 Oct 10 14:59:28 Z https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474670?srt=yes#m1474670 https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474670?srt=yes#m1474670 <p>Moin,<br> möchte die .spalte über das Bild von body1 haben. Irgentwie geht das aber nicht und es bleibt über body1 und wenn ich es somit mit margin-top: 20px; runter setze wird der body1 mit dem Bild mitgezogen...</p> <p>Was ist an den COde falsch?</p> <pre><code class="block language-css"> <span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#body1</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>images/bg1.png<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 750px<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#body1 .spalte</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>images/spalte.png<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 30px<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>body1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>spalte<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> CSS // Fehler Fri, 08 Oct 10 15:00:16 Z https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474673?srt=yes#m1474673 https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474673?srt=yes#m1474673 <blockquote> <pre><code class="block language-html"></code></pre> </blockquote> <blockquote> <p><div id="body1"><br> <div class="spalte"><br> </div><br> </div></p> </blockquote> <pre><code class="block"> Sorry, div vergessen. im code bei mir ist es aber :) </code></pre> CSS // Fehler Fri, 08 Oct 10 15:11:10 Z https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474672?srt=yes#m1474672 https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474672?srt=yes#m1474672 <p>Hi,</p> <blockquote> <p>möchte die .spalte über das Bild von body1 haben. Irgentwie geht das aber nicht und es bleibt über body1</p> </blockquote> <p>Du möchtest es drüber haben, es bleibt auch drüber, und das ist für dich ein Fall von „funzt nich“?</p> <p>Bitte berücksichtige die <a href="/hilfe/charta.htm#tipps-fuer-fragende" rel="noopener noreferrer">Tipps für Fragende</a> (die bereits gelesen zu haben du bestätigt hast), und liefere eine Problembeschreibung, die diese Bezeichnung auch verdient und nachvollziehbar ist.</p> <blockquote> <p>und wenn ich es somit mit margin-top: 20px; runter setze wird der body1 mit dem Bild mitgezogen...</p> </blockquote> <p>Das ist der Effekt von <a href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" rel="nofollow noopener noreferrer">adjoining margins</a>.</p> <p>MfG ChrisB</p> <div class="signature">-- <br> RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? </div> CSS // Fehler Fri, 08 Oct 10 15:15:34 Z https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474671?srt=yes#m1474671 https://forum.selfhtml.org/self/2010/oct/8/css-fehler/1474671?srt=yes#m1474671 <p>Hallo CSSCoder,</p> <p>ich kann dein Problem zwar nicht ganz nachvollziehen, aber wenn Du dem Hintergrundbild nicht sagst wo es platziert sein soll, kann ich mir schon vorstellen, dass es ein Browser anders handhabt wie Du es haben möchtest.</p> <p>Schaue Dir deshalb mal die Eigenschaft <a href="http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position@title=background-position" rel="nofollow noopener noreferrer">http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position@title=background-position</a> an. Evtl. hilft es ja weiter.</p> <p>Herzliche Grüße aus Weinsberg<br> Helmut Weber</p> <div class="signature">-- <br> -------------------------------------------<br> Mode ist eine Variable, Stil eine Konstante </div>