Archief - CSS: IE7 child floats + parent BG. Parent BG wordt niet weergegeven

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
X

Xavez

Legacy Member
Hi guys

Lang geleden dat ik nog zo'n vervelende kastaar van een bug heb gezien die ik niet opgelost krijg. Op http://wantedmusic.be zie je onderaan de "featured" footer. zoals je kan zien heeft die footer overal (FF, Opera, IE6, Safari) een background colour (+image). Behalve in IE7 :). :help:


HTML: 
<div id="featured">
	<h2>Featured</h2>
	<div id="featured-1">...content...</div>
	<div id="featured-2">...content...</div>
	<br class="clear" />
</div>
Code: 
#featured {
background: #046380 url(/images/4.gif) repeat-x;
color: #fff;
margin-top: 10px;
padding: 0 10px;
border-top: 4px solid #046380;
}

#featured-1, #featured-2 {
width: 456px;
height: 120px;
float: left;
margin: 20px 5px 10px 5px;
height: auto;
font-family: Helvetica, sans-serif;
font-weight: bold;
}

#featured-1 {border-right: 2px solid #046380}
#featured h2 {border: 0; font-size: 400%; margin: 20px 0 0 5px; font-weight: bold;}

#featured a, #foot a {color: #fff; text-decoration: underline;}
#featured a[rel='external']:after {content: ' ' url(/images/24.gif)}

Als iemand mij kan helpen: een dikke vette pluim!
X

Xavez

Legacy Member
*kick

Echt niemand? dit is behoorlijke shitey. En ik ben écht niet van plan naast mijn gewone stylesheet en <IE6 stylesheet nóg een stylesheet te gaan inbakken voor IE7 (bovendien weet ik niet eens waar het aan ligt :O Grrrr)
S

SMa

Legacy Member
als je nu eens die 2 divs (featured-1 & featured-2) elk apart die background meegeeft.
met dan de hoogte (via padding) van de volledige featured div, & via margin -xx breng je ze tegen featured h2
X

Xavez

Legacy Member
Mja, maar da's toch volledig absurd? Bovendien gaat IE6 sowieso weer moeilijk doen als ik met paddings moet werken :).
X

Xavez

Legacy Member
Njah, wéér een conditional comment :p.
Zal het straks of morgen eens uitproberen in ieder geval :). thanks!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan