Imam kod sledeceg tipa.
Stil:
Kôd:
.kb_main {
width: 810px;
overflow: hidden;
zoom: 1;
}
.kb_entry {
border-right: 2px solid #EDEDED;
margin: 20px 5px;
width: 250px;
float: left;
display: inline;
}
.kb_entry p {
margin: 5px;
}
Markup:
Kôd:
<!-- container -->
<div class="kb_main">
<div style="border-bottom: 1px solid #EDEDED; overflow: hidden; zoom: 1;"> <!-- red -->
<div class="kb_entry"> <!-- polje -->
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
<div class="kb_entry">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
<div class="kb_entry">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
</div>
<div style="border-bottom: 1px solid #EDEDED; overflow: hidden; zoom: 1;">
<div class="kb_entry">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
<div class="kb_entry">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
<div class="kb_entry">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</div>
</div>
</div>
U svim browserima dobijam rezultat kakav sam i hteo, dok u svim verzijama IE pojede gornje i donje margine(videti slike ispod).
firefox(i ostali)
ie 6,7 i 8
Gde je problem?
Unapred hvala!