Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jamye" data-source="post: 2496021" data-attributes="member: 444783">Das Overflow hat den Fehler irgendwie doch nicht behoben...Der Hintergrund der box &quot;class2&quot; ist einfach verschwunden und auf magische Weise hat es anschließend gepasst.Habe aber auch etwas falsch gesehen.Ich berichtige jetzt mal die Fehlerbeschreibung und füge css code hinzu...Habe den Code dafür etwas modifiziert damit das ganze nicht so wirr aussieht.Noch wichtig zu wissen ist, dass das Problem erst auftritt, wenn das Fenster UNTERder mindestbreite von 992px liegt.Darüber ändert ein Mediaquery die Formatierung. (alles im CSS code zu sehen)[CODE] &lt;div class=&quot;container&quot;&gt;&nbsp; &nbsp; &lt;div class=&quot;row&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;col-md-8&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class= &quot;col-md-12&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Hier das p, dessen Margin über die DIVS &quot;col-md-12&quot; und &quot;col-md-8&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; hinaus geht und dadurch erst wieder die Klassen &quot;row&quot; und &quot;container&quot;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; vergrößert&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;[/CODE]So wie ich den Inhalt jetzt dargestellt habe, sieht der HTML Code bis zum Anfang des Container divs aus. Habe den gesamten Inhalt auskommentiert und zu verhindern, dass andere Elemente innerhalb der Verschachtelung für den Fehler verantwortlich sind.Jetzt kommt einmal der CSS Code, der den Klassen zugeordnet wurde.[CODE].container:before,.container:after,.row:before,.row:after {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; display: table;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; content: &quot; &quot;;}.container:after,,.row:after {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; clear:both;}.row {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; margin-right: -15px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; margin-left: -15px;}.col-md-8,.col-md-12 {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; position: relative;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; min-height: 1px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; padding-right: 15px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; padding-left: 15px;}@media (min-width: 992px) {col-md-8,col-md-12 {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; float:left;}col-md-8 {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 66.66666667%;}col-md-12 {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; width:100%;}}.container {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-right: 15px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-left: 15px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right: auto;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: auto;}@media (min-width: 768px) {&nbsp; .container {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 750px;&nbsp; }}@media (min-width: 992px) {&nbsp; .container {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; width: 970px;&nbsp; }}@media (min-width: 1200px) {&nbsp;&nbsp; .container {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; width: 1170px;&nbsp; }}[/CODE]Da bin ich ja mal gespannt, ob da so noch jemand durchsteigen kann oder ob dafür der komplette Code sichtbar sein müsste.Auf jedenfall vielen Dank an jeden, der sich das hier ernsthaft genauer anguckt!!</blockquote>

[QUOTE="Jamye, post: 2496021, member: 444783"] Das Overflow hat den Fehler irgendwie doch nicht behoben... Der Hintergrund der box "class2" ist einfach verschwunden und auf magische Weise hat es anschließend gepasst. Habe aber auch etwas falsch gesehen. Ich berichtige jetzt mal die Fehlerbeschreibung und füge css code hinzu... Habe den Code dafür etwas modifiziert damit das ganze nicht so wirr aussieht. Noch wichtig zu wissen ist, dass das Problem erst auftritt, wenn das Fenster UNTER der mindestbreite von 992px liegt. Darüber ändert ein Mediaquery die Formatierung. (alles im CSS code zu sehen) [CODE] <div class="container"> <div class="row"> <div class="col-md-8"> <div class= "col-md-12"> Hier das p, dessen Margin über die DIVS "col-md-12" und "col-md-8" hinaus geht und dadurch erst wieder die Klassen "row" und "container" vergrößert </div> </div> </div> </div> [/CODE] So wie ich den Inhalt jetzt dargestellt habe, sieht der HTML Code bis zum Anfang des Container divs aus. Habe den gesamten Inhalt auskommentiert und zu verhindern, dass andere Elemente innerhalb der Verschachtelung für den Fehler verantwortlich sind. Jetzt kommt einmal der CSS Code, der den Klassen zugeordnet wurde. [CODE] .container:before, .container:after, .row:before, .row:after { display: table; content: " "; } .container:after,, .row:after { clear:both; } .row { margin-right: -15px; margin-left: -15px; } .col-md-8, .col-md-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { col-md-8, col-md-12 { float:left; } col-md-8 { width: 66.66666667%; } col-md-12 { width:100%; } } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } [/CODE] Da bin ich ja mal gespannt, ob da so noch jemand durchsteigen kann oder ob dafür der komplette Code sichtbar sein müsste. Auf jedenfall vielen Dank an jeden, der sich das hier ernsthaft genauer anguckt!! [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?