Child maakt parent div achtergrond ontzichtbaar

Door Allard Keij op 13-11-2014 20:34 gewijzigd op 13-11-2014 20:37

2.132 views

Hi!

Ik zit me nu toch met een raar probleem.

Ik heb dit werkelijk waar in jaren nog nooit gehad.

Ik kan mijn probleem het beste met een afbeelding laten zien:
Image wil niet werken.. http://oi59.tinypic.com/11mam9d.jpg

Mijn 2de div laat de achtergrond van mijn eerste div verdwijnen.

Dit gebeurt met alle div's die ik gebruik.


<div id="middle">
   
  <div id="descBlock">
    <?php echo $description; ?>
  </div>
	 
</div>


#middle{
background: #ededed;
height: 800px;
width: 464px;
padding-top: 24px;
}
#descBlock{
height: 140px;
width: 430px;
padding: 12px;
}

Iemand enig idee waarom dit gebeurt?

Thnx!

Ferdi R

14-11-2014 12:51 gewijzigd op 14-11-2014 12:54

Ik weet niet hoe de rest van jou HTML/CSS eruit ziet maar een DIV id moet uniek zijn en mag je daarom niet voor een tweede keer gebruiken op 1 pagina, dan moet je er een class van maken.

Je mag ook maar 2 x id gebruiken als je divs in elkaar plaatst.

Het kan zijn dat je de divs in een while loop hebt en dat er 2, 10 of meer resultaten zijn.


    <div class="middle">
      <div class="descBlock">
        <?php echo $description; ?>
      </div>
    </div>

    <div class="middle">
      <div class="descBlock">
        <?php echo $description; ?>
      </div>
    </div>

of er staan meer dan 2 div id's om heen.


<div id="wrapper">
  <div id="content">
    <div class="middle">
   
      <div class="descBlock">
        <?php echo $description; ?>
      </div>
    </div>
  </div>
</div>

Frank Nietbelangrijk

14-11-2014 15:22

Ferdi R op 14/11/2014 12:51:01

Je mag ook maar 2 x id gebruiken als je divs in elkaar plaatst.

Wat is dat nou weer voor onzin?

id's moeten uniek zijn inderdaad.

fout:


<div id="content"></div>
<div id="content"></div>
<div id="content"></div>

goed:


<div id="content1"></div>
<div id="content2"></div>
<div id="content3"></div>

ook goed:


<div class="content"></div>
<div class="content"></div>
<div class="content"></div>

een id benaderen in CSS:


#content { color: blue; }

een class benaderen in CSS:


.content { color: blue; }

een id benaderen in JQuery:


$('#content').css('color','blue');

een class benaderen in JQuery:


$('.content').css('color','blue');

Toevoeging op 14/11/2014 15:31:29:

Met het voorbeeld dat je geeft heb ik geen problemen.

Er zal iets elkaar overlappen in de css of iets dergelijks

Allard Keij

17-11-2014 11:32

HI,

Thanks voor de reacties.

Ik was er uiteindelijk achter gekomen dat ik de background van de gehele pagina onder:
*{
}
had gezet.

Dit was kennelijk de oorzaak. Nu ik de achtergrond onder de body heb gezet is er niks aan de hand.
(Ik heb het over de website background).

Reageren

Inloggen om te reageren