🚀 go-pugleaf

On 10/06/2010 08:08 PM, hazet wrote:
> hazet pisze:
>> Witam,
>>
>> oto skrypt wykorzystujący jquery:
>>
>> function equalHeight(group) {
>> tallest = 0;
>> group.each(function() {
>> thisHeight = $(this).height();
>> if(thisHeight > tallest) {
>> tallest = thisHeight;
>> }
>> });
>> group.height(tallest);
>> }
>> $(document).ready(function() {
>> equalHeight($("#content, #sidebar"));
>> });
>>
>>
>> Wszystko jest ok w ff, ie a googe chrome ucina paginacje (ostatni blok
>> w content) tak jakby jej nie było. Clear nic nie daje.
>
>
> oto css paginacji:
>
> #pagination {
> width: 310px;
> margin: 30px auto;
> overflow: hidden;
> height: 100%;
> }
>
> #pagination a {
> float: left;
> padding: 5px 10px;
> border: 1px solid #ccc;
> margin-right: 5px;
> text-decoration: none;
> background: #fff url('images/pagin_bg.png') repeat-x bottom;
> font: 12px arial, sans-serif;
> }
>
> #pagination a:hover, #pagination .active_page {
> background: #ff3f19 url('images/pagin_hover.png') repeat-x bottom;
> color: #fff;
> }
>
>
>
> Ewidentnie w podglądzie ff i chrome widze, że różni się dodany height w
> stylu inline. W ff jest 792px a w chromiaku 692px.
> Z jakiegoś powodu nie widzi ostatniego bloku, nie wiem czemu.
1. Na początek dodaj sobie var do deklaracji zmiennych.
2. Sprawdź w debuggerze co powinno być zwrócone (tzn. ile ma #content, a 
ile #sidebar bez wywoływania equal height).
3. Na divie, w który masz floaty zrób clearfix (wygooglaj).
itp. aż nie dojdziesz do celu.

pzdr.
emil