Auf Thema antworten 2026

Beitrag

<blockquote data-quote="vincitore" data-source="post: 2123661" data-attributes="member: 2543"><p><strong>AW: CSS: Div verschiebt sich ungewollt beim Fenster skalieren</strong></p><p></p><p>Wie ist denn deine HTML Struktur?</p><p>[HTML]</p><p>&lt;div id=&quot;wrapper&quot;&gt;</p><p>&nbsp; &lt;div id=&quot;Logofenster&quot;&gt;links&lt;/div&gt;</p><p>&nbsp; &lt;div id=&quot;Content&quot;&gt;rechts oben&lt;/div&gt;</p><p>&nbsp; &lt;div id=&quot;Content_btm&quot;&gt;rechts unten&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>[/HTML]</p><p>?</p><p>Ich nehme mal stark an es liegt an dem float. Sobald der (bei meiner Beispielstruktur oben so genanntem) wrapper ne bestimmte Breite unterschreitet fliegt das andere element halt eine Zeile weiter runter. Und durch das z-index zusammen mit dem margin-top, dann auch nicht komplett unter das Logofenster sondern halt darüber.</p><p></p><p>an deiner Stelle würde ich es so aufbauen:</p><p>[HTML]</p><p>&lt;div id=&quot;wrapper&quot;&gt;</p><p>&nbsp; &lt;div id=&quot;Logofenster&quot;&gt;links&lt;/div&gt;</p><p>&nbsp; &lt;div id=&quot;rechts&quot;&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;Content&quot;&gt;rechts oben&lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div id=&quot;Content_btm&quot;&gt;rechts unten&lt;/div&gt;</p><p>&nbsp; &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>[/HTML]</p><p></p><p>#logofenster mit float: left;</p><p>#rechts mit float: right;</p><p>und dann die Breiten usw festlegen und halt darauf achten, dass dein Wrapper nie kleiner wird als die Summe der beiden Breiten+Paddings+Margins (z.B. #wrapper mit min-width). </p><p></p><p>So viel komischer Text, hoffentlich kann man ihn lesen. ich leg mich wieder ins Bett <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /></p></blockquote><p></p>

[QUOTE="vincitore, post: 2123661, member: 2543"] [b]AW: CSS: Div verschiebt sich ungewollt beim Fenster skalieren[/b] Wie ist denn deine HTML Struktur? [HTML] <div id="wrapper"> <div id="Logofenster">links</div> <div id="Content">rechts oben</div> <div id="Content_btm">rechts unten</div> </div> [/HTML] ? Ich nehme mal stark an es liegt an dem float. Sobald der (bei meiner Beispielstruktur oben so genanntem) wrapper ne bestimmte Breite unterschreitet fliegt das andere element halt eine Zeile weiter runter. Und durch das z-index zusammen mit dem margin-top, dann auch nicht komplett unter das Logofenster sondern halt darüber. an deiner Stelle würde ich es so aufbauen: [HTML] <div id="wrapper"> <div id="Logofenster">links</div> <div id="rechts"> <div id="Content">rechts oben</div> <div id="Content_btm">rechts unten</div> </div> </div> [/HTML] #logofenster mit float: left; #rechts mit float: right; und dann die Breiten usw festlegen und halt darauf achten, dass dein Wrapper nie kleiner wird als die Summe der beiden Breiten+Paddings+Margins (z.B. #wrapper mit min-width). So viel komischer Text, hoffentlich kann man ihn lesen. ich leg mich wieder ins Bett ;) [/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?