Chrome ucina content przy skrypcie equal jQuery

Thread View: pl.comp.lang.javascript

5 messages

[T] Back to Threads [V] Tree View [G] Group Articles

5 total messages Started by hazet Wed, 06 Oct 2010 17:56

#50321

Author: hazet
Date: Wed, 06 Oct 2010 17:56

21 lines
1321 bytes

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.

Re: Chrome ucina content przy skrypcie equal jQuery

#50322

Author: hazet
Date: Wed, 06 Oct 2010 18:08

53 lines
2145 bytes

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.

Re: Chrome ucina content przy skrypcie equal jQuery

#50323

Author: emil
Date: Wed, 06 Oct 2010 20:39

62 lines
2452 bytes

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

Re: Chrome ucina content przy skrypcie equal jQuery

#50324

Author: hazet
Date: Sun, 10 Oct 2010 15:43

66 lines
2772 bytes

emil pisze:
> 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

tak też zrobiłem, kombinowałem z clear na wszystkie sposoby i nic.
co dziwne, dając inny blok o określonych wymiarach, daje rade.

Re: Chrome ucina content przy skrypcie equal jQuery

#50325

Author: hazet
Date: Sun, 10 Oct 2010 15:46

67 lines
2822 bytes

emil pisze:
> 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

dodam, że ustawienie wymiarów ostatniego bloku na sztywno również nic 
nie daje, chyba, że zapodam duży height co jest bez sensu bo w innych 
przeglądarkach rozwala to sytuacje

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads