Zdravo, imam problem sa W3C box-modelom. Ovo je HTML kod.
<div class="featured_stuff">
<div id="featured_stuff_module">
<div class="field">
<div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature1.jpg)">
</div>
<div class="desc">
</div>
</div>
<div class="field">
<div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature2.jpg)">
</div>
<div class="desc">
</div>
</div>
<div class="field">
<div class="image" style="background-image: url(theme/SilverShine/modules/featured_stuff/images/nature3.jpg)">
</div>
<div class="desc">
</div>
</div>
</div>
Evo šta to predstavlja:
Problem je sledeći. Ja želim da mi ova 3 "polja" imaju bordere. Trenutno su samo u CSS-u nameštena da popune 33.33% širine. Kada dodam border, jedno ispadne dole jer se on nadograđuje na njih.
Postoji li neki način da nateram ova 3 polja da imaju ivice i da ispune celog roditelja? CSS3 box-model ne dolazi u obzir s obzirom da mi je potrebna kompatibilnost i sa starijim browserima.
|