Having an apparent mental block.
Here's my structure:
<div class="content-wrapper container main">
<div class="page-wrapper sitemap-page ">
<div class="page-header-wrapper gdl-border-x bottom">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
</div>
</div>
</div>
And the selector I am using is:
.content-wrapper .physician_detail:nth-of-type(3n+4){
clear:left;
}
What I want is:
<div class="content-wrapper container main">
<div class="page-wrapper sitemap-page ">
<div class="page-header-wrapper gdl-border-x bottom">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail"> <--- this gets clear:
left; to start new row of 3
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail"> <--- this gets clear:
left; to start new row of 3
<div class="physician_detail">
<div class="physician_detail">
<div class="physician_detail"> <--- this gets clear:
left; to start new row of 3
<div class="physician_detail">
<div class="physician_detail">
</div>
</div>
</div>
My selector is close but it's clearing .physician_detail #3 and not #4
but then all seem to be getting cleared correctly. Variations of the
equation i've tried aren't working.
What am I not grasping?
Thanks for your time.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
