Problem mit einem div unter einem anderen

Ok, ich weiß, dass dies schon einmal gefragt wurde, aber ich brauche bitte einen konkreten Rat, bitte?Problem mit einem div unter einem anderen

Ich bin mir nicht sicher, ob ich hier völlig den Verstand verliere, aber ich kann nicht für das Leben von mir mein .info div unter dem #deals div bekommen. Ich benutze ein Hintergrundbild, so dass die Höhe des ersten Div fest ist (Bild wird aus Datenschutzgründen nicht mitgeliefert). Ich kann es natürlich durch Hinzufügen von Padding verschieben, aber das ist nicht ideal. Kann irgendjemand darauf hinweisen, was ich hier falsch mache?

<div class="row" id="deals"> 
<div class="col-md-12"> 
<div><p class="lead" id="trans"><strong>Blah blah blah blah bla blah blah<br>blah blah bla blah blah</strong></p></div> 
<div class="info"><p>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
<p><strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</strong></p> 
<p><strong>blah blah bla blah blahblah </strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p></div> 
    </div></div>

Css:

#deals { 
    height:600px; 
    text-align:center; 
    color:#fff; 
    width:100%; 
    margin:auto; 
    } 
#trans{ 
    font-size:25px;position:relative; 
    background: rgb(0,0,0); /* Fallback for older browsers without RGBA-support */ 
    background: rgba(0,0,0, 0.5); 
    width:43%; 
    margin:auto; 
    top:300px; 
} 
.info { 
    color:#000; 
}

Es muss etwas wirklich dumm, aber was sein?

Quelle

2016-10-11 Dtorr1981

Es ist eine normale Frage, nicht etwas wirklich dummes. Chill :) –

@Turnip Nun, ich bin mir sicher, das Auto-Reverse-Tool wird es tun, wenn es ist. – worldofjr

@turnip Ich bin nicht sicher, wie eine Frage als mittelmäßig eingestuft werden kann, wenn es eine beantwortbare Frage ist? Was es ist. Danke an die Jungs, die geholfen haben. Ich habe es jetzt sortiert. Manchmal braucht es nur ein frisches Augenpaar :) – Dtorr1981

Ihr info div ist in Ihrem deals div. Verschachtelt. Wenn du kannst, solltest du es unten so verschieben;

<div class="row" id="deals"> 
    <div class="col-md-12"> 
     <div> 
      <p class="lead" id="trans"><strong>Blah blah blah blah bla blah blah<br>blah blah bla blah blah</strong></p> 
     </div> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-12"> 
     <div class="info"> 
      <p>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
      <p><strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</strong></p> 
      <p><strong>blah blah bla blah blahblah </strong>blah blah bla blah blahblah blah bla blah blahblah blah bla blah blahblah blah bla blah blah</p> 
     </div> 
    </div> 
</div>

Quelle

2016-10-11 11:57:51 worldofjr

Nicht sicher, warum das heruntergestimmt wird ... scheint mir vernünftig. –

Da es sich um ein exaktes Duplikat einer bereits vorhandenen Antwort handelt, die einige Minuten zuvor gepostet wurde. – Turnip

@Turnip Erm, habe noch einen anderen gelesen und du wirst es nicht finden. – worldofjr

Die .info ist innerhalb der #deals. Es gibt keine Möglichkeit, sie unter einander

zu setzen Versuchen Sie den Code richtig einrücken und Sie wird es viel einfacher, diese Dinge zu sehen. Wenn Sie einen älteren Code haben, können Sie ein Online-Tool wie http://www.freeformatter.com/html-formatter.html#ad-output verwenden, um den HTML-Code automatisch für Sie zu formatieren.

Quelle

2016-10-11 11:54:20

Problem mit einem div unter einem anderen

Antwort

Verwandte Themen