Wysokość DIV / JS

Thread View: pl.comp.lang.javascript

10 messages

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

10 total messages Started by Grzegorz Brycki Fri, 14 Aug 2009 17:05

#49212

Author: Grzegorz Brycki
Date: Fri, 14 Aug 2009 17:05

17 lines
1239 bytes

Witam,

Chcę aby jeden div był takiej samej wysokości jak drugi div,
przy czym wysokość drugiego div jest regulowana automatycznie ilością 
tekstu który jest weń wpisany.

Ten wpis poniższy działa poprawnie tylko w Mozilli w Safarii nawet nie 
drgnie.

Co jest nie tak?

var divHeight = ((document.getElementById('papier').offsetHeight) + 'px');
document.getElementById('prawa').style.height = divHeight;

Z góry dziękuję.
-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49217

Author: Peter
Date: Fri, 14 Aug 2009 17:44

22 lines
1463 bytes

Grzegorz Brycki pisze:
> Witam,
> 
> Chcę aby jeden div był takiej samej wysokości jak drugi div,
> przy czym wysokość drugiego div jest regulowana automatycznie ilością 
> tekstu który jest weń wpisany.
> 
> Ten wpis poniższy działa poprawnie tylko w Mozilli w Safarii nawet nie 
> drgnie.
> 
> Co jest nie tak?
> 
> var divHeight = ((document.getElementById('papier').offsetHeight) + 'px');
> document.getElementById('prawa').style.height = divHeight;

Spróbuj:

var divHeight = 
(parseInt((document.getElementById('papier').offsetHeight), 10) + 'px');

-- 
Peter

Re: Wysokość DIV / JS

#49216

Author: Grzegorz Brycki
Date: Fri, 14 Aug 2009 19:26

29 lines
1634 bytes

Peter pisze:
> Grzegorz Brycki pisze:
>> Witam,
>>
>> Chcę aby jeden div był takiej samej wysokości jak drugi div,
>> przy czym wysokość drugiego div jest regulowana automatycznie ilością 
>> tekstu który jest weń wpisany.
>>
>> Ten wpis poniższy działa poprawnie tylko w Mozilli w Safarii nawet nie 
>> drgnie.
>>
>> Co jest nie tak?
>>
>> var divHeight = ((document.getElementById('papier').offsetHeight) + 
>> 'px');
>> document.getElementById('prawa').style.height = divHeight;
> 
> Spróbuj:
> 
> var divHeight = 
> (parseInt((document.getElementById('papier').offsetHeight), 10) + 'px');
> 


  IE ok, FF ok, Opera ok, Chrome ok, Safari nie działa! O co chodzi z 
Safarii?

-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49218

Author: Grzegorz Brycki
Date: Fri, 14 Aug 2009 19:27

16 lines
1158 bytes

Grzegorz Brycki pisze:
> Peter pisze:
>> Grzegorz Brycki pisze:
>>> Witam,
>>>

> 
>  IE ok, FF ok, Opera ok, Chrome ok, Safari nie działa! O co chodzi z 
> Safarii?


Przepraszam Chrome też nie działa.


-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49220

Author: Peter
Date: Sat, 15 Aug 2009 08:20

26 lines
1487 bytes

Grzegorz Brycki pisze:
> Grzegorz Brycki pisze:
>> Peter pisze:
>>> Grzegorz Brycki pisze:
>>>> Witam,
>>>>
> 
>>
>>  IE ok, FF ok, Opera ok, Chrome ok, Safari nie działa! O co chodzi z 
>> Safarii?
> 
> 
> Przepraszam Chrome też nie działa.

Sprawdź, co jest tego powodem:

var divHeight = 
(parseInt((document.getElementById('papier').offsetHeight), 10) + 'px');
alert(divHeight);

Co Ci wyświetla się?

Sprawdziłem i w Chrome oraz Safari działa powyższe bez problemu.

-- 
Peter

Re: Wysokość DIV / JS

#49219

Author: Grzegorz Brycki
Date: Sat, 15 Aug 2009 11:36

32 lines
1691 bytes

Peter pisze:
> Grzegorz Brycki pisze:
>> Grzegorz Brycki pisze:
>>> Peter pisze:
>>>> Grzegorz Brycki pisze:
>>>>> Witam,
>>>>>
>>
>>>
>>>  IE ok, FF ok, Opera ok, Chrome ok, Safari nie działa! O co chodzi z 
>>> Safarii?
>>
>>
>> Przepraszam Chrome też nie działa.
> 
> Sprawdź, co jest tego powodem:
> 
> var divHeight = 
> (parseInt((document.getElementById('papier').offsetHeight), 10) + 'px');
> alert(divHeight);
> 
> Co Ci wyświetla się?
> 
> Sprawdziłem i w Chrome oraz Safari działa powyższe bez problemu.
> 

Ten kod zmienia mi wysokość tego drugiego DIVa ale na mniejszą niż bym 
chciał, mniej więcej o połowę... dziwne to.


-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49222

Author: Paweł Piskorz
Date: Sat, 15 Aug 2009 13:36

12 lines
1218 bytes

Grzegorz Brycki pisze:
> Chcę aby jeden div był takiej samej wysokości jak drugi div,
> przy czym wysokość drugiego div jest regulowana automatycznie ilością
> tekstu który jest weń wpisany.

Pokaż kod HTML.


-- 
message[autor="PablO"]::after {
	content:"Pozdrawiam";
}

Re: Wysokość DIV / JS

#49223

Author: Grzegorz Brycki
Date: Sat, 15 Aug 2009 13:49

15 lines
1278 bytes

Paweł Piskorz pisze:
> Grzegorz Brycki pisze:
>> Chcę aby jeden div był takiej samej wysokości jak drugi div,
>> przy czym wysokość drugiego div jest regulowana automatycznie ilością
>> tekstu który jest weń wpisany.
> 
> Pokaż kod HTML.
> 
> 

A właśnie: gdzie ten kod powininem dać, w head, przed </body> ?? A może 
jakaś funkcja onload?

-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49221

Author: Grzegorz Brycki
Date: Sat, 15 Aug 2009 13:52

27 lines
1544 bytes

Peter pisze:
> Grzegorz Brycki pisze:
>> Grzegorz Brycki pisze:
>>> Peter pisze:
>>>> Grzegorz Brycki pisze:
>>>>> Witam,
>>>>>
>>
>>>
>>>  IE ok, FF ok, Opera ok, Chrome ok, Safari nie działa! O co chodzi z 
>>> Safarii?
>>
>>
>> Przepraszam Chrome też nie działa.
> 
> Sprawdź, co jest tego powodem:
> 
> var divHeight = 
> (parseInt((document.getElementById('papier').offsetHeight), 10) + 'px');
> alert(divHeight);
> 
> Co Ci wyświetla się?

poprawny numer w postaci dokładnie "664" czyli bez px...?

-- 
Grzegorz Brycki, http://beczkasoli.pl/GD298, a Ty?

Re: Wysokość DIV / JS

#49224

Author: Peter
Date: Sun, 16 Aug 2009 07:46

18 lines
1356 bytes

Grzegorz Brycki pisze:
> Paweł Piskorz pisze:
>> Grzegorz Brycki pisze:
>>> Chcę aby jeden div był takiej samej wysokości jak drugi div,
>>> przy czym wysokość drugiego div jest regulowana automatycznie ilością
>>> tekstu który jest weń wpisany.
>>
>> Pokaż kod HTML.
>>
>>
> 
> A właśnie: gdzie ten kod powininem dać, w head, przed </body> ?? A może 
> jakaś funkcja onload?

Na samym końcu kodu html.

-- 
Peter

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